javaScript高级:原型链不可变-优快云博客

本文通过JavaScript实例演示了如何改变构造函数的原型对象，并探讨了这种改变对于已创建实例的影响。展示了在修改构造函数的原型后，之前创建的对象与新创建的对象在原型链上的不同表现。

代码如下:

  <!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script>
<!--如图释义,创造个 (妻子)Person-->
  function Person(){
    
  }
  <!--实例对象p1(前任孩子),
    此时本身带有原型对象Person.prototype(前任丈夫)-->
  var p1 = new Person();
  <!--p1(前任孩子)是(前任丈夫)Person的实例
  --p1在Person.prototype(前任丈夫)的原型链上-->
  console.log(p1 instanceof Person); //true
  
  <!--构造新的Person.prototype (现任丈夫),改变(妻子)Person的原型对象(Person.prototype)指向-->
  Person.prototype = {
    constructor: Person,
    say:function(){
      console.log('shuohau');
    }
  }
  <!--创造现任孩子p2-->
  var p2 = new Person();
  
  <!--结果-->
  <!--(前任孩子p1)不在Person(妻子)与 现任丈夫(Person.prototype)的原型链上-->
  console.log(p1 instanceof Person); // false
  <!--(前任孩子p1)在Person(妻子)与 现任丈夫(Person.prototype)的原型链上-->
  console.log(p2 instanceof Person); // true

</script>
</body>
</html>
复制代码