这次给大家带来深入分析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
微信扫一扫
支付宝扫一扫