作用域链和原型链的区别(面试常刷题)

作用域链

作用域是针对变量的,比如我们创建了一个函数a,函数A里面又包含了一个函数b,那么现在就有三个作用域:
全局作用域==>函数a作用域==>函数b作用域
作用域的特点就是,先在自己的变量范围中查找,如果找不到,就会沿着作用域往上找。
如:

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

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

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

原型链

原型链是针对构造函数的,比如我先创建了一个函数,然后通过一个变量new了这个函数,那么这个被new出来的对象就会继承创建出来的那个函数的属性,然后如果我访问new出来的这个对象的某个属性,但是我并没有在这个new出来的对象中定义这个变量,那么它就会往上(向创建出它的函数中)查找,这个查找的过程就叫做原型链。
Object ==> 构造函数1 ==> 构造函数2
类似于css中的继承,如果自身没有定义就会继承父元素的样式。

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

你可能感兴趣的:(JavaScript)