JavaScript 继承(五)原型一

17 篇文章 0 订阅

不好意思因为懒,,我懒得弄图,,就是代码+注释

function Foo(){
    this.a = 0;
    Foo.prototype.b = 1;
}

var foo = new Foo();

//首先明白一件事
console.log(Foo.a);//undefiend
console.log(foo.a);//0
//Foo 只是一个你定义的函数。。。不能直接用。。。

//看如下代码
//getPrototypeOf 就是获取到对象的prototype
console.log(Object.getPrototypeOf(foo) === Foo.prototype);//true
console.log(Object.getPrototypeOf(foo) === Foo);//false
//先明白一点。由Foo创建的对象的prototype不是指向Foo而是Foo.prototype

console.log(foo.a);//0
console.log(Foo.prototype.a);//undefiend
//a 是存在于foo的或者说是Foo的 而不是 Foo.prototype的

console.log(foo.b); // 1
console.log(Foo.prototype.b);//1
console.log(foo.hasOwnProperty("b"));//false
console.log("b" in foo);//true
//以上四句代码
//在我的prototype上的属性 我和我的prototype都能用
//hasOwnProperty 只检测 我有没有
//in 会先检测我有没有 如果没有会继续检测我的prototype有没有。。。

//那么继承。。。。 是不是只要把你要继承的东西放在你的prototype里,然后我的prototype指向你的prototype就好了
//当然也可以我的prototype直接指向你。

//下面这句话的意思 目前简单来理解就是创建一个空的对象然后 obj.prototype指向Foo 为什么要写foo 看最开始 这也是是指向prototype的的一个优点吧
var obj = Object.create(foo);
console.log(Object.getPrototypeOf(obj) === foo);//true
//同上
var obj2 = Object.create(Foo.prototype);
console.log(Object.getPrototypeOf(obj2) === Foo.prototype);//true

//测试一下是否能继承到Foo的东西
console.log(obj2.a);//undefiend
console.log(obj2.b);//1

console.log(obj.a);//0
console.log(obj.b);//1
//没毛病








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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值