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

落日映苍穹つ 2022-06-01 05:39 188阅读 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 条评论，188人围观）

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

相关阅读

相关什么是Webpack的loader和plugin？它们的作用是什么？

聚沙成塔·每天进步一点点 ⭐ 专栏简介前端入门之旅：探索Web开发的奇妙世界欢迎来到前端入门之旅！感兴趣的可以订阅本专栏哦！这个专栏是为那些对Web开发感

不念不忘少年蓝@/ 2024年02月20日 11:27/ 0 赞/ 56 阅读

相关在Vue.js中，什么是mixins？它们的作用是什么？

聚沙成塔·每天进步一点点 ⭐ 专栏简介前端入门之旅：探索Web开发的奇妙世界欢迎来到前端入门之旅！感兴趣的可以订阅本专栏哦！这个专栏是为那些对Web开发感

小咪咪/ 2024年02月18日 09:33/ 0 赞/ 34 阅读

相关什么是rem单位和em单位？它们有什么区别？

聚沙成塔·每天进步一点点 ⭐ 专栏简介 ⭐ \`rem\` 和 \`em\` 单位 ⭐ \`rem\` 单位（Root Em） ⭐ \`em\`

悠悠/ 2023年10月15日 15:53/ 0 赞/ 20 阅读

相关什么是透明度（opacity）和RGBA颜色？它们有什么区别？

聚沙成塔·每天进步一点点 ⭐ 专栏简介 ⭐ 透明度（Opacity） ⭐ RGBA颜色 ⭐ 区别 ⭐ 写在最后 -------------

清疚/ 2023年10月15日 11:39/ 0 赞/ 37 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关什么是原型与原型链

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

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