JavaScript | setPrototypeOf 和 defineProperty

本文探讨了JavaScript中使用setPrototypeOf方法改变对象原型的过程及效果,同时介绍了如何利用defineProperty方法为对象添加新属性,包括实例属性和原型属性的设置方式。

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

setPrototypeOf

给对象设置一个新原型对象,即指向新的原型对象,跟原来的原型断开 。

    function Exam(){
	    this.a = 1;
	    this.b = 2;
    }
    Exam.prototype.pro_a = 'pro_a';
    let obj = new Exam();

    console.log(obj.pro_a) // 'pro_a'
    Object.setPrototypeOf(obj, {c: 3}); // 让obj对象指向一个新的原型
    console.log(obj.pro_a) // 'undefne'

也可以使用Object.setPrototypeOf(Exam.prototype, {c: 3})来扩充(不是重置) Exam的原型

 defineProperty

 给对象扩充新属性

        function Exam2(){
		this.a = 1;
		this.b =2;
	}
	let obj2 = new Exam2();
	Object.defineProperty(obj2, 'd', { value: 4, enumerable: false,writable: true }); //defineProperty用于拓展实例的属性
																	 				 // enumerable 设置为false for..in循环 & Object.keys方法 & 	JSON.stringify方法取不到该属性															
	for(let prop in obj2) {
	    console.log(prop); // a b
	}  	
	console.log(obj2) //a b d

	console.log(new Exam2().d); //undefine

当然也可以用Object.defineProperty(Exam2.prototype, 'd', { value: 4,}); 来扩充原型属性;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值