什么是做用域链,什么是原型链,它们的区别,在js中它们具体指什么?

什么是做用域链,什么是原型链。css

  做用域是针对变量的,好比咱们建立了一个函数,函数里面又包含了一个函数,那么如今就有三个做用域html

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

做用域的特色就是,先在本身的变量范围中查找,若是找不到,就会沿着做用域往上找。prototype

如:htm

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

最后打印出来的是3,由于执行函数c()的时候它在本身的范围内找到了变量a因此就不会越上继续查找,若是在函数c()中没有找到则会继续向上找,一直会找到全局变量a,这个查找的过程就叫做用域链。blog

不知道你有没有疑问,函数c为何能够在函数b中查找变量a,由于函数c是在函数b中建立的,也就是说函数c的做用域包括了函数b的做用域,固然也包括了全局做用域,可是函数b不能向函数c中查找变量,由于做用域只会向上查找。继承

那么什么是原型链呢?原型链

  原型链是针对构造函数的,好比我先建立了一个函数,而后经过一个变量new了这个函数,那么这个被new出来的函数就会继承建立出来的那个函数的属性,而后若是我访问new出来的这个函数的某个属性,可是我并无在这个new出来的函数中定义这个变量,那么它就会往上(向建立出它的函数中)查找,这个查找的过程就叫作原型链。作用域

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

  就和css中的继承同样,若是自身没有定义就会继承父元素的样式。

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

https://www.doadc.com/index/blog/detail/aid/85.html

相关文章
相关标签/搜索