继承原型属性的实例总是能够获得最新值

最新推荐文章于 2024-03-19 10:47:37 发布

雅痞子军

最新推荐文章于 2024-03-19 10:47:37 发布

阅读量96

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_1724201421/article/details/79887983

版权

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

实例总是能够从原型获得最新值，不管何时被实例化、更改或附加，在这种意义上，prototype属性是动态的。

看下面一段代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>继承原型属性的实例总是能够获得最新值</title>
</head>
<body>
    <script>
       var Bar=function Bar(){};
       Bar.prototype.x=1;
       var BarInstance=new Bar();
       console.log(BarInstance.x);
       Bar.prototype.x=2;
       console.log(BarInstance.x);
    </script>
</body>
</html>

运行结果如下图：

其实不管是使用默认的原型对象还是用对象覆盖它，查找链的工作方式都是相同的。如下面一段代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>继承原型属性的实例总是能够获得最新值</title>
</head>
<body>
    <script>
       var Bar=function Bar(){};
       Bar.prototype={x:1};
       var BarInstance=new Bar();
       console.log(BarInstance.x);
       Bar.prototype.x=2;
       console.log(BarInstance.x);
    </script>
</body>
</html>

输出结果图如下：