作用域链和原型链的区别（面试常刷题）

最新推荐文章于 2025-07-11 14:39:04 发布

转载最新推荐文章于 2025-07-11 14:39:04 发布 · 3.3k 阅读

文章标签：

#js原型链 #js作用域链

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文深入探讨了JavaScript中的作用域链与原型链概念。作用域链解释了变量查找的机制，即从当前作用域开始，逐级向上查找直至全局作用域；而原型链则阐述了对象属性查找的过程，当本地对象未定义某属性时，会沿原型链向上查找，直至构造函数的原型对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作用域链

作用域是针对变量的，比如我们创建了一个函数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); //追梦子