首页 > 代码库 > 读javascript高级编程03-函数表达式、闭包、私有变量
读javascript高级编程03-函数表达式、闭包、私有变量
一、函数声明和函数表达式
定义函数有两种方式:函数声明和函数表达式。它们之间一个重要的区别是函数提升。
1.函数声明会进行函数提升,所以函数调用在函数声明之前也不会报错:
test();function test(){alert(1);}
2.函数表达式不会进行函数提升,函数调用在函数声明之前的话会报错:
test(); // test is not a functionvar test=function(){alert(1);}
二、递归函数
递归函数是通过在函数内部调用自身实现的。
①直接使用函数名进行递归调用
function f(num){ if(num==1){ return 1; }else{ return num*f(num-1); }}console.log(f(4));//24console.log(f(5));//120
这种实现的缺点是,在函数内部直接写死了函数名称。如果进行如下设置就会报错:
var test=f;f=null;console.log(test(3));//报错, f is not a function
②通过arguments.callee解决,arguments.callee是一个指向正在执行的函数的指针。这样就避免了上述问题。
function f(num){ if(num==1){ return 1; }else{ return num*arguments.callee(num-1); }}console.log(f(4));//24console.log(f(5));//120var test=f;f=null;console.log(test(3));//6
不过这种方式还有一个缺点,就是在严格模式下会执行失败。
添加"use strict"后执行会报错:
‘caller‘, ‘callee‘, and ‘arguments‘ properties may not be accessed on strict mode functions or the arguments objects for calls to them
③采用命名函数表达式可以在严格模式下成功。
"use strict";var f=function t(num){if(num==1){ return 1; }else{ return num*t(num-1); }}console.log(f(4));//24console.log(f(5));//120var test=f;f=null;console.log(test(3));//6
三、闭包
闭包是有权访问另一个函数作用域内变量的函数。创建闭包的常见方式就是在一个函数内创建另外一个函数。在另一个函数内部定义的函数,会把外部函数的作用域添加到其作用域链中。
1.闭包与变量
①闭包只能取得包含函数中任意变量的最后一个值。例如:
function createFunctions(){ var result=new Array(); for(var i=0;i<10;i++){ result[i]=function(){ return i; } } return result;}var result=createFunctions();result[1]();//10
这个方法调用传入1-10返回结果都是10,这并不符合预期。
②通过匿名函数进行改造:
function createFunctions(){ var result=new Array(); for(var i=0;i<10;i++){ result[i]=(function(num){ return num; })(i); } return result;}var result=createFunctions();result[2];//2
改造后的运行结果符合我们的预期了。因为将i传递给num命名参数时是按值传递的。
2.闭包中的this
this变量是在运行时基于函数的执行环境绑定的。
在全局执行环境中,this指向window对象;
当函数作为某个对象的方法时,this等于那个对象;
匿名函数的执行具有全局性,this通常指向window对象。
①闭包中this实例:
var name=‘window‘;var object={ name:"object", getName:function(){ return function(){ return this.name; }} };object.getName()();//window
②先将闭包外部作用域中的this保存到一个闭包能访问到的变量中,这样就可以让闭包访问相应的对象了。例如:
var name=‘window‘;var object={ name:"object", getName:function(){var that=this; return function(){ return that.name; }} };object.getName()();//object
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。