构造函数和原型对象 以及原型链

原型链和构造函数

js每一个对象都会指向一个原型对象,并能从原型对象中继承属性。每个对象都能通过 proto 属性访问到本身原型对象。创建对象的方式不同,对象的原型也会不同。对象的原型层层指向就能构成原型链。

原型和原型链

js中最基本的对象是 Object.prototype 。js中所有的对象的原型链最后都会指向 Object.prototype 这个对象。对象字面量创建的对象的原型会直接指向 Object.prototype 。js中函数也是对象,函数的原型则不是直接指向 Object.prototype 而是直接指向 Function.prototype,Function.prototype 的原型再指向 Object.prototype(这就是一个原型链)。Number、Array这些类型也是先指向相应的原型,这个原型再指向js的标准对象(Object.prototype)。

var obj ={      //对象字面量创建的对象
    x:1
}
console.log(obj.__proto__ === Object.prototype); //true 
//普通对象原型(obj.__proto__)直接指向Object.prototype

function con(){ //函数也是对象
}
console.log(con.__proto__ === Function.prototype); //true
//任意函数原型(con.__proto__)指向Function.prototype

console.log(Function.prototype.__proto__ === Object.prototype); //true
//函数原型的原型(Function.prototype.__proto__)指向Object.prototype

//所以有下面结论
console.log(con.__proto__.__proto__ === obj.__proto__);//true
//对象实例和函数的原型都指向最终的js标准对象Object.prototype
// 原型对象:构造函数的一个属性,prototype
		// 任何一个构造函数都有这个属性
		// Person.prototype:指向了一个对象,我们把这个对象成为原型,原型对象
		// 作用:共享方法(属性),节省内存
		function Person(uname, age) {
			this.uname = uname;
			this.age = age;
		}

		Person.prototype.eat = function () {
			console.log('吃饭');
		}

		console.log(Person.prototype);

		let o1 = new Person('张苞', 18);

		let o2 = new Person('关兴', 17);
		console.log(o1, o2);

		console.log(o1.eat === o2.eat);

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值