什么是作用域链,什么是原型链,怎么理解?

什么是作用域链,什么是原型链,怎么理解?

什么是作用域链?

作用域是针对变量的,比如我们创建了一个函数,函数里面又包含了一个函数,那么现在就有三个作用域。

全局作用域==>函数1作用域==>函数2作用域

作用域的特点就是,先在自己的变量范围中查找,如果找不到,就会沿着作用域往上找。

如下:

var a = 1;
function b(){    
    var a = 2;    
    function c(){        
        var a = 3;
        console.log(a);
   }
   c();
}
b();

最后打印出来的是3,因为执行函数c()的时候它在自己的范围内找到了变量 a 所以就不会越上继续查找;如果在函数c()中没有找到则会继续向上找,一直会找到全局变量a,这个查找的过程就叫作用域链。

不知道你有没有疑问,函数c为什么可以在函数b中查找变量 a,因为函数c是在函数 b 中创建的,也就是说函数 c 的作用域包括了函数 b 的作用域,当然也包括了全局作用域,但是函数 b 不能向函数 c 中查找变量,因为作用域只会向上查找。

什么是原型链?

原型链是针对构造函数的,比如我先创建了一个函数,然后通过一个变量 new 了这个函数,那么这个被 new 出来的函数就会继承创建出来的那个函数的属性,然后如果我访问 new 出来的这个函数的某个属性,但是我并没有在这个 new 出来的函数中定义这个变量,那么它就会往上(向创建出它的函数中)查找,这个查找的过程就叫做原型链

Object ==> 构造函数1 ==> 构造函数2

就和css中的继承一样,如果自身没有定义就会继承父元素的样式。

function a(){};
a.prototype.name = "追梦子";
var b = new a();
console.log(b.name); //追梦子


作者:追梦子

原文链接:HelloWeb前端网 » 什么是作用域链,什么是原型链,怎么理解? » 感谢您的浏览,希望能有所帮助。

欢迎您加入“Helloweb” 学习交流群:HelloWeb-学习交流群 196291215 共同交流并结识同行,在这里说出您的收获与感想或有什么不同的观点,我们期待您的留言,分享,让我们一起进步!

喜欢 ()or分享