美文网首页
4.变量作用域、函数的三种模式调用

4.变量作用域、函数的三种模式调用

作者: 何必处处示弱 | 来源:发表于2017-03-24 21:30 被阅读0次

    作用域

    变量的有效范围。

    如何检测变量的有效范围

    • 在指定的作用域下访问该变量,如果不报错,就证明这个变量的有效范围覆盖了这个作用域。

    全局变量

    • 指的是在代码的任何地方都可以使用的变量

    在js中如何定义全局变量

    • 在函数外定义
    • 或者不使用var定义的变量(这种方式不标准,尽量不要使用)

    局部变量

    • 在变量定义的局部可以使用的变量

    在js中如何定义局部变量

    • 在函数内定义

    变量的生命周期

    • 全局变量的生命周期从定义开始,到页面关闭结束
    • 局部变量的生命周期通常是从定义开始(函数被调用),到函数执行完毕结束(但是局部变量的生命周期可能因为闭包的存在被延长)

    块级作用域 ==> js未采纳

    • 凡是代码块就可以产生新的作用域,代码块内的变量外界无法使用。

    函数作用域 ==> js采纳

    • 只有函数可以产生新的作用域,函数内的变量外界无法使用。
    • js中是没有块级作用域的,只有函数作用域。

    词法作用域(静态作用域) ==> js采纳

    • 查找一个变量,优先找函数自己作用域内的变量,找不到就去定义该函数的作用域中去找,
      按照这个规则直到全局都没有找到,就报错。

    动态作用域 ==> js未采纳

    • 查找一个变量,优先找函数自己作用域内的变量,找不到就去调用该函数的作用域中去找,
      按照这个规则直到全局都没有找到,就报错。

    有一个容易搞混,又没有什么联系的知识点,这里强调一下

    • 函数内的this,与函数的定义无关,与调用有关。
    var obj = {
        fn: function() { console.log(this) };
    };
    var fn = obj.fn;
    // 同一个fn,三种调用方式,this分别不同
    obj.fn(); // obj
    fn();     // window
    new fn(); // fn实例
    
    • 变量的查找,与函数的定义有关,与调用无关。
    function fn() {
        console.log(a); // 报错,自己找不到,去定义fn的全局找,所以这里和fn的定义有关,与fn的调用无关。
    }
    (function() {
        var a = 10;
        fn();
    })();
    

    作用域的产生

    • 函数可以被多次重复调用,调用一次就会产生一个新的作用域,每一个新作用域内会有新的变量。

    作用域链

    • 函数在定义的时候,将来它执行时的上级作用域就被确定好了,上级作用域可能还有上级,函数所有的上级作用域称之为作用域链。
    • 一个函数作用域可以访问的所有上级作用域,称为它的作用域链。

    相关文章

      网友评论

          本文标题:4.变量作用域、函数的三种模式调用

          本文链接:https://www.haomeiwen.com/subject/zkhqottx.html