深入分析JS函数

这次给大家带来深入分析js函数,函数声明和函数表达式有什么区别?使用js函数的注意事项有哪些,下面就是实战案例,一起来看一下。

函数声明和函数表达式有什么区别 (*)

函数声明:function bar() {}
函数表达式:var fuc = foo(){}
1.函数bar将会在整个程序执行前被 hoist(提升),因此它在定bar函数的整个scope (作用域)中都是可用的。即使在函数定义之前调用它也没问题。
2.对于函数声明,函数的名称是必须的,而对于函数表达式而言则是可选的,因此,就出现了匿名函数表达式和命名函数表达式。
3在这个函数里

var foo = function bar() {bar(); // Works};bar(); // ReferenceError命名函数bar赋值给了变量foo,所以在函数声明外是不可见的,但在bar`函数内部仍然可以调用。这是因为Javascript对命名函数处理的机制,函数的名称永远在函数内部的作用域中有效。

什么是变量的声明前置?什么是函数的声明前置 (**)

所谓的变量声明前置就是在一个作用域块中,所有的变量都被放在块的开始出声明。下面通过三段代码举例:
代码1:

var a = 1;function main() {console.log(a);//1}main();//输出1`

代码2:

1 var a = 1;2 function main() {3  console.log(a);4 var a = 2;5 }6 main()//输出undefined

代码3:为什么代码2会输出undefined

1 var a = 1;2 function main() {3 var a;4  console.log(a);5 a = 2;6 }

函数的声明前置就是把整个函数提升到当前作用域的最前面(位于前置的变量声明后面)。

var num = 1;console.log(doubleNum(num));//2function doubleNum(num){ return num2;}

等价于

//函数的声明前置var num;function doubleNum(num){ return num2;}num = 1;console.log(doubleNum(num));//2

arguments 是什么 (*)

arguments 是一个类数组对象。代表传给一个function的参数列表。可以在函数内部通过使用 arguments对象来获取函数的所有参数。这个对象为传递给函数的每个参数建立一个条目,条目的索引号从 0 开始。

函数的重载怎样实现 (**)

可以通过arguments的length和参数的类型来实现。例:

function sumOfSquares(a, b, c){if(arguments.length<3){c = 0;}return aa+bb+c*c}sumOfSquares(2,3,4);   // 29sumOfSquares(1,3);   // 10

立即执行函数表达式是什么?有什么作用 (***)

立即执行函数通常有下面两种写法:
(function(){…})();
(function(){ …}());//推荐使用
在Javascript中,一对圆括号“()”是一种运算符,跟在函数名之后,表示调用该函数。
参考-JavaScript中的立即执行函数

什么是函数的作用域链 (****)

作用域就是变量和函数的可访问范围,控制着变量和函数的可见性与生命周期,在JavaScript中变量的作用域有全局作用域和局部作用域。
作用域链是当代码在一个环境中执行时,会创建变量对象的一个作用域链(scope chain,不简称sc)来保证对执行环境有权访问的变量和函数的有序访问。作用域第一个对象始终是当前执行代码所在环境的变量对象(VO)

相信看了本文案例你已经掌握了方法,更多精彩请关注创想鸟其它相关文章!

相关阅读:

怎样用CSS3制作登录框

JavaScript数组-字符串-数学函数

JS的Dom与事件小结

以上就是深入分析JS函数的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545911.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 17:38:14
怎样用CSS3制作登录框
下一篇 2025年12月21日 17:38:29

相关推荐

  • java学习应用篇|windows安装JDK及配置环境变量

    java学习应用篇|windows安装JDK及配置环境变量java学习应用篇|windows安装JDK及配置环境变量java学习应用篇|windows安装JDK及配置环境变量java学习应用篇|windows安装JDK及配置环境变量

    学习前言 实际上,本系统中最有价值的内容已经在前两篇文章中介绍完毕,接下来的内容主要是对前面知识的应用。新知识层出不穷,每隔几天就会有新的概念和框架出现。我们在本系列学习中,力求通过基本的学习方法来深入探究代码的本质,这样无论将来出现什么新的知识点,我们都能迅速学习并应用。小刀的水平有限,欢迎大家在…

    2026年9月1日 用户投稿
    100
  • Python环境安装教程

    Python环境安装教程Python环境安装教程Python环境安装教程Python环境安装教程

    引言 通常我们将#%#$#%@%@%$#%$#%#%#$%@_23eeeb4347bdd26bfc++6b7ee9a3b755dd和java语言归为解释型语言,而对于c/c++则归为编译型语言。 安装Python解释器最新版本下载 官网下载(https://www.Python.org/) 选择最新…

    2026年9月1日 用户投稿
    400
  • 怎么用VSCode运行代码_VSCode代码执行与调试教程

    VSCode中运行和调试代码的核心方法包括:1. 使用内置终端手动执行命令,灵活但需重复输入;2. 通过Code Runner插件一键运行,快捷但功能有限;3. 借助语言扩展与调试器深度调试,支持断点、变量监控、调用堆栈等高级功能,适合复杂项目。配置时需安装对应语言扩展、设置解释器路径、合理使用se…

    2026年9月1日
    100
  • 网友从 Win XP 泄露源码发现的隐藏功能和趣味细节

    网友从 Win XP 泄露源码发现的隐藏功能和趣味细节网友从 Win XP 泄露源码发现的隐藏功能和趣味细节网友从 Win XP 泄露源码发现的隐藏功能和趣味细节网友从 Win XP 泄露源码发现的隐藏功能和趣味细节

    代号为 whistler 的首个 windows xp 版本,已有近 20 年的历史。然而,最近 twitter 用户 albacore 分享了一些来自 windows xp 泄露代码的隐藏功能。通过调整特定的注册表项目,你可以解锁一些有趣的视图,并体验到此前未曾见过的功能。 首先,如上图所示的“开…

    2026年9月1日 用户投稿
    200
  • Tkinter Frame

    frame 是一种在 windows 上用于分隔小区域的组件,它可以将窗口划分为不同的区域,并在这些区域中放置其他组件。此外,一个 frame 还可以进一步分割成两个或多个 frame,可以将其视为一种容器。 效果 代码语言:javascript代码运行次数:0运行复制“`javascr…

    2026年9月1日
    200
  • 使用minio搭建私有化对象存储服务

    使用minio搭建私有化对象存储服务使用minio搭建私有化对象存储服务使用minio搭建私有化对象存储服务使用minio搭建私有化对象存储服务

    在工作中,我们常常会接触到对象存储服务,但这些服务大多是云服务。对于需要对外开放的项目而言,这类服务是可行的。然而,当我们需要私有化部署时,如何继续使用对象存储呢? 这里介绍一个开源项目MinIO,使用它,我们可以轻松搭建属于自己的私有云服务。 MinIO是一个非常轻量级的服务,可以简单地与其他应用…

    2026年8月31日 用户投稿
    100
  • VSCode怎么写JS代码_VSCode编写和调试JavaScript代码的完整教程

    答案是掌握配置环境、善用编辑器功能与调试技巧。首先安装Node.js并配置VSCode的launch.json文件以支持调试,安装ESLint和Prettier等插件提升代码质量;利用代码片段、智能提示和快捷键提高编写效率;通过设置断点、使用条件断点和调用堆栈等功能进行高效调试,遇到问题可检查配置、…

    2026年8月31日
    100
  • 怎样实现一个基于 JavaScript 的简单搜索引擎?

    答案是基于JavaScript实现轻量级搜索引擎,通过预加载JSON数据、使用filter进行文本匹配,并支持多关键词与权重排序,结合输入事件实时展示结果。 实现一个基于 JavaScript 的简单搜索引擎,核心是文本匹配和快速检索。不需要复杂的后端或数据库,适合静态网站或小型应用。关键思路是:预…

    2026年8月31日
    100
  • VSCode怎么贴小图_VSCode插入图片与Markdown图片预览教程

    VSCode怎么贴小图_VSCode插入图片与Markdown图片预览教程VSCode怎么贴小图_VSCode插入图片与Markdown图片预览教程VSCode怎么贴小图_VSCode插入图片与Markdown图片预览教程VSCode怎么贴小图_VSCode插入图片与Markdown图片预览教程

    答案:在VSCode中插入Markdown图片需使用语法,路径推荐用相对路径,预览依赖内置功能或扩展;可通过HTML 标签调整大小,常见问题为路径错误,建议使用Paste Image等扩展提升效率,高级效果如图文混排需结合HTML与CSS,但需注意平台兼容性。 VSCode中插入图片,特别是Mark…

    2026年8月31日 用户投稿
    100
  • Linux基本操作+命令介绍

    1.Linux基本操作1.1Linux的目录结构 windows的目录结构是带有盘符的。d: e: c: 在Xterm中输入ls / 查看Linux的顶级目录。 代码语言:javascript代码运行次数:0运行复制 1. root:该目录为系统管理员HOME目录2. bin:这个目录下放着经常使用…

    2026年8月31日
    200
  • VSCode用户代码片段管理_VSCode自定义模板快速创建入口

    VSCode通过用户代码片段和自定义模板显著提升开发效率。1. 可通过“文件 > 首选项 > 用户代码片段”为特定语言或全局创建代码片段,使用prefix触发、body定义代码结构、description标注用途。2. 合理管理需区分语言特定与全局片段,避免prefix冲突,善用desc…

    2026年8月31日
    700
  • PHP 中获取 Node.js 设置的 Cookie

    本文旨在指导开发者如何在 PHP 应用中获取由 Node.js 应用设置的 Cookie。我们将通过一个简单的 Node.js 示例来设置 Cookie,并在 PHP 中演示如何读取这些 Cookie,从而帮助读者理解跨平台 Cookie 传递与获取的原理和方法。 从 Node.js 设置 Cook…

    2026年8月30日
    100
  • VSCode怎么弄HTML_VSCode创建和编写HTML文件基础入门教程

    VSCode怎么弄HTML_VSCode创建和编写HTML文件基础入门教程VSCode怎么弄HTML_VSCode创建和编写HTML文件基础入门教程VSCode怎么弄HTML_VSCode创建和编写HTML文件基础入门教程VSCode怎么弄HTML_VSCode创建和编写HTML文件基础入门教程

    答案:VSCode通过Emmet、Live Server等扩展和智能提示功能,极大提升了HTML编写效率,其语义化标签支持与实时预览能力让开发更高效流畅。 在VSCode里处理HTML,其实比想象中要简单直观得多,它简直就是为前端开发量身定制的。对我来说,它不仅是一个编辑器,更像是一个高效的工作伙伴…

    2026年8月30日 用户投稿
    500
  • VSCode怎么打出基本代码_VSCode使用代码片段快速生成基础结构教程

    VSCode通过内置、自定义和扩展三种方式实现代码片段快速生成,提升开发效率。使用内置片段如html:5或log可一键生成常用结构;通过“Configure User Snippets”创建自定义片段,如用rfc生成React函数组件,并利用$1、$2等占位符实现光标跳转与同步编辑;安装高评分扩展如…

    2026年8月30日
    300
  • safari浏览器如何阻止广告重定向_safari浏览器广告重定向阻止方法

    首先启用Safari的“阻止弹出式窗口”功能,再安装Adblock Plus等广告拦截扩展并开启全局运行,接着清除历史记录与网站数据以删除潜在追踪脚本,最后可临时关闭JavaScript阻断重定向,但需注意可能影响网页功能。 如果您在浏览网页时发现 Safari 浏览器频繁跳转到广告页面,这可能是由…

    2026年8月29日
    100
  • VSCode怎么编写地图定位_VSCode集成地图API开发位置服务应用教程

    答案是集成地图API实现定位需选择服务商、引入SDK、初始化地图并调用定位功能。具体为:在VSCode中创建Web项目,引入百度等地图API的SDK,通过HTML页面加载地图容器,使用JavaScript初始化地图实例,并结合浏览器Geolocation API或地图SDK自带控件获取位置,最后添加…

    2026年8月29日
    100
  • 避免 jQuery AJAX POST 请求重复提交的策略与实践

    本文探讨了在使用 jQuery AJAX 进行 POST 请求时,如何有效避免因事件监听器、快速点击或意外行为导致的重复提交问题。我们将介绍一种基于状态标志的解决方案,通过控制请求的执行时机,确保数据提交的准确性和一致性,并提供相应的代码示例和最佳实践建议,以优化用户体验和系统稳定性。 问题描述:A…

    2026年8月28日
    200
  • 推荐几款好用的文本编辑器

    推荐几款好用的文本编辑器推荐几款好用的文本编辑器推荐几款好用的文本编辑器推荐几款好用的文本编辑器

    作为程序员,编写和查看代码是日常工作的重要部分。今天,我将为大家介绍几款实用的文本编辑器。 Sublime Text 是一款轻量、简洁、高效且跨平台的编辑器。 Sublime Text的特色功能包括: 出色的扩展功能,官方称为安装包(Package)。它没有传统的右侧滚动条,而是用代码缩略图代替,这…

    2026年8月28日 用户投稿
    300
  • Laravel 中创建排名表单并实现数据排序

    本文旨在指导 Laravel 初学者构建一个简单的排名系统,允许用户对多个项目进行排序,并将排序结果存储在数据库中。我们将介绍如何设计数据库结构,以及如何使用 Eloquent ORM 实现数据的读取和排序。通过本文,你将掌握在 Laravel 应用中创建和管理排名数据的基本方法。 数据库结构设计 …

    2026年8月28日
    200
  • 重磅 | GitHub 已确认被微软收购!

    github作为一个庞大的代码库,已成为开发人员和公司托管项目、文档和代码的首选平台。苹果、亚马逊、谷歌等众多科技巨头都使用github。微软是该平台的最大贡献者,拥有超过1000名员工积极推送代码到github上的存储库中。微软甚至在github上公开托管了原始windows文件管理器的源代码。2…

    2026年8月28日
    200

发表回复

登录后才能评论
关注微信