原型链 +原型链上的坑

会敲代码的蜡笔小新

于 2019-02-18 21:06:51 发布

阅读量209

点赞数

CC 4.0 BY-SA版权

分类专栏：学习文章标签： j s 原型链

本文链接：https://blog.youkuaiyun.com/weixin_41786576/article/details/87646170

学习专栏收录该内容

30 篇文章

订阅专栏

本文深入探讨了JavaScript中原型链的工作原理，包括构造函数、原型属性的继承和覆盖机制。通过具体示例，揭示了对象继承过程中的常见陷阱，如属性查找顺序和原型污染等问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原型链

 Grand.prototype.lastName = '张三';
 function Grand(){

 }
 var grand = new Geand();
 Father.prototype = grand;
 function Father(){
     this.name = '王五';
 }
 var father = new Father();
 Son.prototype = father;
 function Son(){
     this.hobbit = '赵六';
 }
 var son = new Son()

坑1.

   Person.prototype = {
        height: 100,
        
    }

    function Person (){
          this.eat = function (){
              this.height ++;
          }
    }
    var person = new Person()
    person.eat()
    //Person.prototype上面的height不会变，person自身上面会添加一个heigh：101

坑2.

绝大多数对象最终都会继承自Object.prototype
例外：
 var obj = Object.create(null) // 它没有原型