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

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

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

相关阅读

相关什么是Node.js的流（stream）？它们有什么作用？

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

ゝ一纸荒年。/ 2024年02月20日 12:49/ 0 赞/ 67 阅读

相关在Node.js中，什么是中间件（middleware）？它们的作用是什么？

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

我会带着你远行/ 2024年02月20日 12:49/ 0 赞/ 15 阅读

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

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

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

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

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

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

相关【JavaSE】什么是抽象类？什么是内部类？以及它们的作用是什么？

> 这篇文章我们主要学习的是两个知识点，可以来解决文章标题所提出来的三个问题。 ![adfa3ba4c4c246e8a2abb61e004e36c6.gif][] 目录

ゝ一世哀愁。/ 2023年10月14日 15:21/ 0 赞/ 96 阅读

相关什么是原型链和作用域链？

目录 1.作用域链 2.原型链 -------------------- 1.作用域链 > JavaScript 在执⾏过程中会创建一个个的可执⾏上下⽂。 (每个

蔚落/ 2023年09月29日 12:56/ 0 赞/ 10 阅读

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

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

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

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

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

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

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

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

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

相关什么是原型与原型链

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

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