什么是作用域链，什么是原型链，它们的区别，在js中它们具体指什么？

落日映苍穹つ 2022-06-01 05:39 134阅读 0赞

# [什么是作用域链，什么是原型链，它们的区别，在js中它们具体指什么？][js] #

什么是作用域链，什么是原型链。

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

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

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

如：

![复制代码][copycode.gif]

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

![复制代码][copycode.gif]

最后打印出来的是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); //追梦子

[js]: http://www.cnblogs.com/pssp/p/5204324.html
[copycode.gif]: /images/20220601/29658899779a40cf883913a00d9d2b59.png

发表评论取消回复

表情：

评论列表（有 0 条评论，134人围观）

还没有评论，来说两句吧...

相关阅读

相关什么是生成器以及如何使用它们

你是否曾经不得不处理一个庞大的数据集，以至于使你的机器内存不堪重负？或者你有一个复杂的函数，需要在每次调用时保持一个内部状态，但这个函数太小，没有理由创建自己的类。在这些情况下

我会带着你远行/ 2024年04月01日 06:30/ 0 赞/ 26 阅读

相关 JS篇(011)-什么是原型链？

答案：通过一个对象的\_\_proto\_\_可以找到它的原型对象，原型对象也是一个对象，就可以通过原型对象的\_\_proto\_\_，最后找到了我们的 Object. pr

╰半夏微凉°/ 2023年01月03日 12:48/ 0 赞/ 95 阅读

相关 wafer、die、cell是什么，它们的关系和区别？

关注+星标公众号，不错过精彩内容 ![293a59eba1e045adb2cf0e6fac3fa549.gif][] 编排 | strongerHuang 微信公众号 |

ゝ一世哀愁。/ 2022年11月07日 13:22/ 0 赞/ 361 阅读

相关谈谈你对原型的理解？什么是原型链？【原型链解决的是什么问题？】prototype 和 proto 区别是什么？

文章目录谈谈你对原型的理解？什么是原型链？【原型链解决的是什么问题？】 prototype 和 \`\_\_proto\_\_\` 区别是什么？

ゝ一纸荒年。/ 2022年10月18日 12:50/ 0 赞/ 153 阅读

相关什么是RPC？什么是Restful ？它们有什么区别？

RPC 远程过程调用（Remote Procedure Call，RPC）框架作为架构微服务化的基础组件，能大大降低架构微服务化的成本，提高服务调用方与服务提供方的开发效

向右看齐/ 2022年09月09日 04:59/ 0 赞/ 430 阅读

相关什么是堆和栈，它们在哪儿？

问题描述：编程语言书籍中经常解释值类型被创建在栈上，引用类型被创建在堆上，但是并没有本质上解释这堆和栈是什么。我仅有高级语言编程经验，没有看过对此更清晰的解释。我

约定不等于承诺〃/ 2022年08月04日 14:39/ 0 赞/ 127 阅读

相关什么是作用域链，什么是原型链，它们的区别，在js中它们具体指什么？

[什么是作用域链，什么是原型链，它们的区别，在js中它们具体指什么？][js] 什么是作用域链，什么是原型链。　　作用域是针对变量的，比如我们创建了一个函数，函数里面

落日映苍穹つ/ 2022年06月01日 05:39/ 0 赞/ 135 阅读

相关什么是区块链，区块链又是什么？

有关区块链的介绍：最近接触到了较多的人，他们都有提到过区块链，本来我之前对区块链也有一定的了解，但是并不是很清楚，于是今天又去看了关于区块链的相关书籍和

向右看齐/ 2022年04月22日 13:46/ 0 赞/ 468 阅读

相关什么是原型与原型链

前言此文参照了阮一峰大神在自己博客写的几篇关于JS继承原理的文章，在此直接放出连接： [Javascript继承机制的设计思想][Javascript]

红太狼/ 2021年11月05日 14:02/ 0 赞/ 274 阅读

相关外链的作用是什么，具体做法有哪些？

外链的作用是什么，具体做法有哪些？外部链接的作用：外部链接可以有效增加网站的整体权重，相关度高的链接作用是巨大的。外部链接在优化过程中可谓是必不可少的，外部链接实际...

朱雀/ 2021年05月31日 03:27/ 0 赞/ 382 阅读