设置对象的prototype以及super的使用

Object.getPrototypeOf/Object.setPrototypeOf()

let book1 = {
	getbook(){
		return "javascript";
	}
};
let book2 = {
	getbook(){
		return "html5";
	}
}
let book = Object.create(book1);
console.log(book.getbook());//javascript
console.log(Object.getPrototypeOf(book) === book1);//true

Object.setPrototypeOf(book,book2);
console.log(book.getbook());//html5
console.log(Object.getPrototypeOf(book) === book2);//true

我们定义了2个对象book1和book2,都有getbook()这个方法。
我们使用Object.create(obj,propertiesObject)创建一个新的对象book,参数obj为对象的原型,第二个为可选参数是对象的属性对象,这样我们就设置了一个原型为book1的对象。使用Object.getPrototypeOf(book)去获取对象的原型,发现就是book1,所以返回的是true,在调用book.getbook()方法就会调用原型链book1的getbook()方法,当我们用Object.setPrototypeOf(book,book2);设置book对象的原型为book2,我们再次调用getbook()方法,此时已经重新设置了book对象的原型,所以会调用book2中的getbook()方法。

proto

let book1 = {
	getbook(){
		return "javascript";
	}
};
let book2 = {
	getbook(){
		return "html5";
	}
};
let book = {
	__proto__:book1
}
console.log(book.getbook());//javascript
book.__proto__ = book2;
console.log(book.getbook());//html5

之前我们通过Object.setPrototypeOf去设置对象的原型,es6中可以直接使用__proto__属性设置对象原型

super

let book1 = {
	getbook(){
		return "javascript";
	}
};
let book = {
	__proto__:book1,
	getbook(){
		return super.getbook() + 'css3';
	}
}
console.log(book.getbook());//javascript

我们可以使用super.访问原型链中的方法

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值