javascript的原型链简单了解

在chrome的控制台中查看对象的结构树

console.dir(document);  //比如查看document对象的结构树

1.在js中几乎一切都是对象,可以和对象一样直接调用其方法,只有null和undefined除外,比如

false.toString();  //"false"
null.toString();  //TypeError: Cannot read property 'toString' of null
undefined.toString();  //TypeError: Cannot read property 'toString' of undefined

2.__proto__是对象的内置属性,是js查找原型链时需要的属性;prototype是js中函数拥有的属性。
当访问对象的属性或者方法时,先在对象内部进行查找,如果在当前对象内部没有找到,就会沿着__proto__所指的对象继续向上查找,直至查找到Object对象。

3.对象由对象字面量构造时:

var dog={clawCount:4};
console.dir(dog.__proto__ === Object.prototype);  //true

对象由构造函数构造时:

var Dog = function () { };
var dog = new Dog();
console.log(dog.__proto__ === Dog.prototype);  //true

//可以在原型链上层的对象上添加属性或方法,添加后对象即可直接访问
//要判断属性是否属于对象本身而非从原型链继承过来可以使用hasOwnProperty()方法判断
Dog.prototype.clawCount = 4;  
Dog.prototype.bark = function () {  
    alert('wang wang');
};

console.log(dog.clawCount);
dog.bark();

对象由Object.create()方法构造(浏览器兼容不一):

var dog1 = {};
var dog2 = Object.create(dog1);
console.log(dog2.__proto__ === dog1);  //true

4.在js中可以直接为对象添加属性和方法,也可以利用delete删除相应的属性,成功则返回true;
如果是全局作用域的变量和函数,则无法删除。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值