js中的原型prototype，js中的私有属性与公有属性

最新推荐文章于 2021-12-26 09:34:26 发布

原创最新推荐文章于 2021-12-26 09:34:26 发布 · 654 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JavaScript中的每个函数都有一个prototype属性，它指向原型对象，用于实现对象间的继承。当函数作为构造函数时，实例会有一个隐含属性__proto__指向构造函数的原型。原型对象存放公共属性和方法，避免在每个实例中重复定义。对象访问属性时，首先在自身查找，然后沿着原型链查找，直至Object对象的原型。hasOwnProperty()方法用于检查对象自身是否包含属性，而in操作符会查找整个原型链。

原型prototype（公有属性）

我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype

这个属性对应着一个对象，这个对象就是我们所谓的原型对象

如果函数作为普通函数调用prototype没有任何作用

当函数以构造函数的形式调用时，他所创建的对象中都会有一个隐含得属性，指向该构造函数的原型对象，我们可以通过______proto__来访问该属性

原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象，我们可以将对象中共有的内容，统一设置到原型对象中

当我们访问对象的一个属性或方法时，他会先在对象自身中寻找，如果有则直接使用，如果没有则会去原型对象中寻找，如果有会直接使用

以后我们创建构造函数时，可以将这些对象共有的属性和方法，统一添加到构造函数的原型对象中，作用不用分别为每一个对象添加，也不会影响到全局作用域，就可以使每个对象都具有这些属性和方法了

function MyClass(){
    
}
//向MyClass的原型中添加属性a
MyClass.prototype.a = 123;
MyClass.prototype.sayName = function(){
    alert("hello")
}
var mc = new MyClass();
var mc2 = new MyClass();
console.log(mc.__proto__ == MyClass.prototype);//输出true
console.log(mc.a);//输出123
mc.a = "我是mc中的a";
console.log(mc.a);//输出我是mc中的a
console.log(mc2.a);//输出123
mc.sayName();//输出hello
mc2.sayName();//输出hello

使用in检查对象中是否含有某个属性时，如果对象中没有但原型中有，也会返回true

function MyClass(){
    
}
MyClass.prototype.name = "我是原型中的名字";
var mc = new MyClass();
mc.age = 18;
console.log(mc.name);//返回true

可以使用对象的hasOwnProperty()来检查对象自身是否含有属性，自身中含有该属性时返回true

MyClass.prototype.name = "我是原型中的名字";
var mc = new MyClass();
mc.age = 18;
console.log(mc.hasOwnProperty("age"));//输出true
console.log(mc.hasOwnProperty("name"));//输出false

原型对象也是对象，所以它也有原型，

当我们使用一个对象的属性或方法时，会在自身中寻找，

自身如果有，则直接使用，

如果没有则会去原型对象中寻找，如果原型对象中有则使用

如果没有则去原型的原型中寻找，直到找到Object对象的原型，

Object对象的原型没有原型，如果在Object中依然没有找到，则返回undefined

console.log(mc.__proto__.hasOwnProperty("hasOwnProperty"));//输出false
console.log(mc.__proto__.__proto__.hasOwnProperty("hasOwnProperty"));//输出true,说明hasOwnProperty在原型的原型中

标签

#javascript #js #object