关于prototype和property的一些不常用的方法-CSDN博客

这两个单词猛地一看，感觉很像，也容易读错。今天抽空来总结一下关于它们的一些不常用，但是很重要的方法。

怎么读，是什么

prototype: ['proʊtə.taɪp]  原型
property:  ['prɑpərti]     属性
复制代码

不常用的方法

1.Object.prototype.isPrototypeOf(obj);
2.Object.getPrototypeOf(obj);
3.obj.hasOwnProperty();
4.prop in obj;

1.Object.prototype.isPrototypeOf(object)

用来检测一个对象是否在另一个对象的原型链上；

这里就是检测Object.prototype这个对象是否在object的原型链上，返回true或false，当然如果Object.prototype是undefined或null也会报错

function Person(){} //构造函数
function Parent(){} //构造函数
const person1 = new Person();  //实例化一个对象person1
const child = new Parent();    //实例化一个对象child
console.info(Person.prototype.isPrototypeOf(person1));//true
console.info(Person.prototype.isPrototypeOf(child));//false
复制代码

2.Object.getPrototypeOf(obj)

用来获取一个对象的原型;

这里表示获取obj的原型。

function Person(){}
const person = new Person();
console.log(Object.getPrototypeOf(person)); //Person.prototype
复制代码

3. obj.hasOwnProperty(prop)

用来判断某个对象是否是存在指定的属性，而不是通过原型链找到的属性

var obj = {
    name:'Nicholas',
    age:18
};
console.log(obj.hasOwnProperty('name'))//true

var obj1 = {};
obj1.name = 'lily';
console.log(obj1.hasOwnProperty('name'));//true
delete obj1.name;
console.log(obj1.hasOwnProperty('name'));//false


function Person(){}
Person.prototype.name = 'nicholas';
var p1 = new Person();
console.log(p1.hasOwnProperty('name'));//false
console.log(Person.prototype.hasOwnProperty('name'));//true
复制代码

4. in 运算符

用来判断对象中或是它的原型对象中是否存在指定的属性

function Person(name,age){
    this.name = name;
    this.age = age;
}
Person.prototype.job = 'teacher';
const p1 = new Person('Nicholas',18);
console.log('name' in p1)//true
console.log('job' in p1); //true

delete Person.prototype.job;
console.log('job' in p1);//false

var arr = ['jj','kk'];
0 in arr; //true  0是索引，是数组的属性

var str = 'kkl';
length in str //false   因为str不是对象
复制代码

通过obj.hasOwnProperty()和in操作符，可以封装出判断是原型的属性的方法

function isPrototypeProp(obj,prop){
    return !obj.hasOwnProperty(prop) && prop in obj;
}


var obj = {};
console.log(isPrototypeProp(obj,'toString')); //true
复制代码