作用域
js中作用域规则:
- 函数允许访问函数外的数据
- 整个代码结构中只有函数可以限定作用域
- 作用规则首先使用提升规则分析
- 就近原则
举个栗子
console.log(num); //undefined
var num = 123;
function f1(){
var num = 456;
function f21(){
console.log(num); //456
}
function f22(){
num = 789;
console.log(num); //789
}
f21();
f22();
console.log(num); //456
}
f();
console.log(num); //123
块级作用域
块级作用域是c和java的规则,js使用的是词法作用域,es6语法中的let支持了块级作用域。
{
var num1 = 1;
let num2 = 2;
}
console.log(num1); // 1
console.log(num2); // 报错:num2 is not defined
闭包
闭包的使用模型
- 写一个函数,函数内定义一个新函数,返回新函数,用新函数获得函数内的数据
- 写一个函数,函数内定义一个对象,对象中绑定多个方法,返回对象,利用对象的方法操作函数内的数据
闭包的作用
闭包是为了实现具有私有访问空间的函数的
举个栗子
function Person(){
this.name = '张三';
}
var p = new Person();
p.name = "王五";
构造函数Person实例化了一个对象p,而p可以任意更改名字。
而我们需要对这个name属性进行限制,怎么做?我们使用闭包!
function createPerson(){
var name = "张三";
return {
getName: function(){
return name;
},
setName: function(value){
if(value.charAt(0) === '张') {
name = value;
}else {
throw new Error('姓氏不正确!');
}
}
}
}
var p = createPerson();
闭包的性能
函数执行需要内存,那么函数中定义的变量,会在函数执行结束后自动回收,凡是因为闭包结构,被引出的数据,如果还有变量引用这些数据的话,那么这些数据就不会被回收。
因此在使用闭包的时候如果不使用某些数据了,一定要赋值为null
var f = (function(){
var num = 123;
return function(){
return num;
}
})();
f引用着函数,函数引用变量num。因此在不使用该数据的时候,最好写上f=null