作用域:就是变量的使用范围
局部作用域和全局作用域
js中没有块级作用域,——对括号中定义的变量,这个变量可以在大括号中使用
函数中定义的变量是局部变量
函数中定义的变量是局部变量
function fn1 () {
//局部变量
var num = 10;
}
console.log(num);//访问不到的
function fn1 () {
//局部变量
var num = 10;
console.log(num);//访问得到的
}
作用域链
作用域链——变量的使用,从里向外,层层的搜索,搜索到了,就可以直接使用了
层层的搜索,搜索到0级作用域的时候,如果还是没搜索到这个变量,就会报错
var num = 10; //作用域链级别0
function fn1 (){
var num = 20; //作用域链级别1
function fn2 () {
var num = 30; //作用域链级别2
console.log(num);
}
fn2();
}
fn1();
预解析
预解析,就是在浏览器解析代码之前,把变量的生命和函数的声明提前(提升)到该作用域的上面
//变量的提升
console.log(num);
var num = 10;
//函数的声明被提前了
fn1();
function fn1 () {
console.log('这个函数执行了');
}
/*fn2();
var fn2 = function() {
console.log('这个函数不能执行');
};*/
//提升的代码顺序
/*var fn2;//未定义,undefined
fn2();
fn2 = function() {
console.log('这个函数不能执行');
};*/
//这样写就可以执行
var fn2;//未定义,undefined
fn2 = function() {
console.log('这个函数能执行');
};
fn2();
闭包
闭包的概念:函数A中,有一个函数B,函数B中可以访问函数A中定义的变量或者数据
此时形成了闭包(这句话暂时不严谨)
闭包的作用:缓存数据,延长作用域链
闭包的优点和缺点:缓存数据
闭包的模式:函数模式的闭包和对象模式的闭包
闭包的应用
//函数模式的闭包,在一个函数中有一个函数
function f1() {
var num = 10;
//函数的声明
function f2() {
console.log(num);
}
//函数的调用
f2();
}
f1();
//对象的闭包,函数中有一个对象,这个对象可以访问函数中的变量
function f3() {
var num = 10;
var obj = {
age: num
};
console.log(obj.age);//10
}
f3();