js中的做用域和原型链

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

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

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

如:继承

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出来的函数中定义这个变量,那么它就会往上(向建立出它的函数中)查找,这个查找的过程就叫作原型链。io

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

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

function a(){};
a.prototype.name = "追梦子";
var b = new a();
console.log(b.name); //追梦子
相关文章
相关标签/搜索