作用域 & 闭包

1. js执行顺序
  1. 语法分析
  2. 预编译 先生成GO对象
    1. 函数执行生成AO对象
    2. 形参和变量作为AO对象的键名, 键值是undefined
    3. 实参赋值给形参
    4. 在函数中找到函数声明,把函数作为AO对象的属性名,属性值为函数体
  3. 执行js代码

作用域:变量作用范围

1. 作用域:变量作用范围

(1)函数作用域:只在函数内部起作用
(2)全局作用域:全局有效,不写var默认全局;
全局对象保存在全局window中

2. 作用域链

查询规则

作用域链:一个变量在使用的时候,就会在当前层去寻找它是否被定义,如果找不到,就找上一层function,直到找到全局变量,如果全局也没有,就报错。

function outer() {
    var a = 3;
    function inner() {
        var b = 5;
        console.log(a); // 3
        console.log(b); // 5
    }
    inner();
}
outer();
console.log(a); // error
var a = 1;
var b = 2;
function outer() {
    var a = 3;
    function inner() {
        var b = 4;
        console.log(a); // 3
        console.log(b); // 4
    }
    inner();
    console.log(a); //3
    console.log(b); //2
}
outer();
console.log(a); //1
console.log(b); //2
3. 闭包

定义:
一个函数可以把它自己内部的语句,和自己声明时所处的作用域一起封装成了一个密闭环境,我们称为“闭包”。

优点:
(1)函数外部可以读取到函数内部的变量
(2)让这些变量始终保存在内存中

缺点:
由于闭包会使得函数中的变量都保存在内存中,内存消耗大,所以不能滥用闭包,否则会造成网页性能问题,在IE中导致内存泄漏

闭包形成的条件:
(1)函数嵌套函数
(2)内部函数中使用了外部函数的变量
(3)内部函数被转移到其他作用域被定义

function outer() {
    var a = 33;

    function inner() {
        console.log(a);
    }
    return inner;  // 整个函数返回给outer
}

var inn = outer();
inn(); //33

复杂的闭包就是在函数内部再嵌套一个函数

        function foo() {
            var num = 5;
            return function() {
                num++;
                return num;
            }
        }
        var b = foo();
        console.log(b()); // 6
        console.log(b()); // 7
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值