【一分钟JavaScript】原型链

先来发这张著名的图:

原型链原理

  • Object.prototype是最原始的属性,是其他对象的根原型。Object.proto==null
  • 五个基本类型的__proto__指向Object.prototype;
    • Array.prototype
    • Number.prototype
    • String.prototype
    • Boolean.prototype
    • Function.prototype
  • function Function()的__proto__和prototype指向Function.prototype

继续实现

原型链方式

function A(){
	this.say=function(name){
		console.log('hello ' + name);
    }
}
function B(){
	this.mute=function(){
		console.log('I am mute.');
    }
}
B.prototype=new A();
var b=new B();
b.say('migao');
b.mute();
复制代码

输出:

hello migao
Now I am mute.
复制代码

查看原型链

b.__proto__     //A
b instanceof B  //true
b instanceof A  //true
A.__proto__     //ƒ () { [native code] }
复制代码

推荐文章

如果希望更深入了解原型,可以参考这篇文章 ( www.cnblogs.com/youxia/p/li…)

转载于:https://juejin.im/post/5d01ab37f265da1b7c61128d

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值