美文网首页
Javascript基础进阶(三)作用域链、检测类型

Javascript基础进阶(三)作用域链、检测类型

作者: js_冠荣 | 来源:发表于2018-08-01 20:25 被阅读0次
    console.log(total);
    var total = 20;
    function fn(num1, num2) {
        console.log(total);
        var total = num1 + num2;
        console.log(total);
    }
    fn(100, 200);
    console.log(total);
    

    通过上面代码分析可以分为以下步骤:


    2.png

    1.如何区分私有变量和全局变量

    1)在全局作用域下声明的变量是全局变量。
    2)在私有作用域中声明的变量是私有变量。

    2.作用域链

    在私有作用域中,代码执行的时候遇到某个变量,首先我们需要确定它是否为私有变量,如果是私有变量,那么就和外面没有任何关系。如果不是私有的,则往当前作用域是上层查找,如果上上级还没有,则继续往上,直到window。这样的一种链式查找过程就是作用域链!

    3.如何查找当前作用域的上一级作用域

    一句话总结:看当前函数在哪个作用域下定义的,那么它的上级作用域就是谁。和函数在哪里执行没关系
    例如:

    var total = 20;
    function fn(num1, num2) {
        var total = 120;
        return function() {
            console.log(total); 
        }
    }
    var f = fn();
    f(); // 120
    ~function(){
        var total = 1200;
        f(); // 120
    }()
    

    上面例子可以看出,f()执行的上级作用域是fn函数,所以total从上级找永远是120,跟他在哪里执行没关系。

    4.预解释是毫无节操的一种机制

    5.自执行函数

    自执行函数定义的那个function在全局作用域下不进行预解释(变量提升),当代码执行到那个位置的时候定义和执行一起完成

    (function(){})();
    !function(){}();
    +function(){}();
    -function(){}();
    ~function(){}();
    

    6.instanceof

    虽然在检测基本数据类型时 typeof 是非常得力的助手,但在检测引用类型的值时,这个操作符的 用处不大。通常,我们并不是想知道某个值是对象,而是想知道它是什么类型的对象。为此,ECMAScript 提供了 instanceof 操作符,其语法如下所示:

    alert(person instanceof Object); // 变量 person 是 Object 吗?
    alert(colors instanceof Array);  // 变量 colors 是 Array 吗? 
    alert(pattern instanceof RegExp);  // 变量 pattern 是 RegExp 吗? 
    

    根据规定,所有引用类型的值都是 Object 的实例。因此,在检测一个引用类型值和 Object 构造 函数时,instanceof 操作符始终会返回 true。当然,如果使用 instanceof 操作符检测基本类型的 值,则该操作符始终会返回 false,因为基本类型不是对象。

    觉得写的不错的小伙伴点赞加关注哦! (=・ω・=)

    相关文章

      网友评论

          本文标题:Javascript基础进阶(三)作用域链、检测类型

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