javascript教程系列49:javaScript教程:原型链不可变

Posted 前端工程师·邢晋宇

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript教程系列49: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>


 

以上是关于javascript教程系列49:javaScript教程:原型链不可变的主要内容,如果未能解决你的问题,请参考以下文章

javascript教程系列46: JS三大系列-方便的offset 家族

Web API系列教程3.6 — 实战:处理数据(创建JavaScript客户端)

js教程系列24:javascript-Array

TypeScript系列教程--初探TypeScript

微信程序开发系列教程使用JavaScript给微信用户发送消息

TypeScript系列教程01入门介绍