js高级:原型与原型链

let obj = {
    name:'张睿',
    age:18,
    eat:{
        eatname:'面条',
        water:{
            watername:'农夫山泉'
        }
    }
}
console.log(obj.hasOwnProperty('name')) //true
console.log(obj.hasOwnProperty('age'))  //true
console.log(obj.hasOwnProperty('eat'))  //true
console.log(obj.hasOwnProperty('eatname'))  //false
console.log(obj.hasOwnProperty('water'))  //false
console.log(obj.hasOwnProperty('watername'))  //false
console.log(obj.eat.hasOwnProperty('eatname'))  //true
console.log(obj.eat.hasOwnProperty('water'))  //true
console.log(obj.eat.hasOwnProperty('watername'))  //false
console.log(obj.eat.water.hasOwnProperty('watername'))  //true

In操作符

判断一个属性是否存在,在查找这个属性时候，先在对象本身中找，如果对象找不到再去原型中找。换句话说，只要对象和原型中有一个地方存在这个属性，就返回true

用法:

prop in object

参数:

`prop`

一个字符串类型或者 symbol 类型的属性名或者数组索引（非 symbol 类型将会强制转为字符串）。

`objectName`

检查它（或其原型链）是否包含具有指定名称的属性的对象。

	// 数组
	var trees = new Array("redwood", "bay", "cedar", "oak", "maple");
	0 in trees        // 返回true
	3 in trees        // 返回true
	6 in trees        // 返回false
	"bay" in trees    // 返回false (必须使用索引号,而不是数组元素的值)
	
	"length" in trees // 返回true (length是一个数组属性)
	
	Symbol.iterator in trees // 返回true (数组可迭代，只在ES2015+上有效)
	
	
	// 内置对象
	"PI" in Math          // 返回true
	
	// 自定义对象
	var mycar = {make: "Honda", model: "Accord", year: 1998};
	"make" in mycar  // 返回true
	"model" in mycar // 返回true

判断一个属性是否存在于原型中

如果一个属性存在，但是没有在对象本身中，则一定存在于原型中

小结

1、Object的原型对象中的成员，可以所有对象访问，Object是原型链的尽头，Object原型对象通过Object.prototype得到

2、所有的原型对象都是由Object函数对象创建的

3、new 出的对象是由函数对象创建的\

4、所有的对象中都自带属性__proto__,__proto__指向一个对象

5、Object原型对象中__proto__特殊，它的值为null

6、Function函数对象中__proto__特列，它指向Function原型对象

7、所有的函数对象中都有prototype属性，原型对象和new 出来的对象中没有

8、prototype总是指向对应的原型对象。

蛋黄派i

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js高级:原型与原型链

在js中,每一个函数类型的数据,都有一个叫做prototype的属性,这个属性指向的是一个对象,就是所谓的原型对象对于原型对象来说,它有一个construtor属性,指向它的构造函数1.对象的创建2.对象的组织结构3.对象访问成员的规定在js中万物都是对象,对象和对象之间并不是独立存在的,对象和对象之间有一定关系通过对象_proto_
复制链接

扫一扫