首页 > 开发 > JavaScript > 正文

深入分析JS函数

2020-03-24 17:03:05
字体:
来源:转载
供稿:网友
这次给大家带来深入分析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);//1main();//输出1`

代码2:

1 var a = 1;2 function main() {3 console.log(a);4 var a = 2;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*csumOfSquares(2,3,4); // 29sumOfSquares(1,3); // 10

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

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

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

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

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

相关阅读:

怎样用CSS3制作登录框

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

JS的Dom与事件小结

以上就是深入分析JS函数的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表