首页 > 编程语言 > 详细

JavaScript继承

时间:2019-10-07 15:22:15      阅读:77      评论:0      收藏:0      [点我收藏+]

一、ES5通过修改原型链实现继承

1.Object.create() 创建实例对象实现继承

https://wangdoc.com/javascript/oop/new.html

构造函数作为模板,可以生成实例对象。但是,有时拿不到构造函数,只能拿到一个现有的对象。我们希望以这个现有的对象作为模板,生成新的实例对象,这时就可以使用Object.create()方法。

 1 var person1 = {
 2   name: ‘张三‘,
 3   age: 38,
 4   greeting: function() {
 5     console.log(‘Hi! I\‘m ‘ + this.name + ‘.‘);
 6   }
 7 };
 8 
 9 var person2 = Object.create(person1);
10 
11 person2.name // 张三
12 person2.greeting() // Hi! I‘m 张三.

上面代码中,对象person1person2的模板,后者继承了前者的属性和方法。

二、ES6中Class 可以通过extends关键字实现继承

JavaScript继承

原文:https://www.cnblogs.com/songsongblue/p/11630258.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!