<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>prototype</title>
<script>
/*
原型prototype
1. 我们所创建的每一个函数,解析器都会向函数中添加一个属性prototype
2.这个属性对应一个对象,这个对象就是我们所谓的原型对象
3.如果我们的函数作为普通函数调用prototype没有任何作用
4.当函数以构造函数调用时,它所创建的对象中都会有一个隐含的属性,
指向该构造函数的原型对象,我们可以通过下划线__proto__来访问属性
5.原型对象就相当于一个公共的区域,
所有同一个类的实例都可以访问到原型对象
我们可以将对象中共有的内容,统一设置到原型对象中,
当我们访问对象的一个属性或方法时,它会先在自身中寻找,
如果有则直接使用,
如果没有,则会去原型对象中寻找,如果找到则直接使用
6.以后我们创建构造函数时,可以将这些对象共有的属性和方法,
统一添加到构造函数的原型对象中,这样不用分别为每一个对象添加,
也不会影响到全局作用域,就可以使每个对象都具有这些属性和方法
*/
function Person(){
}
console.log(Person.prototype);//object
function MyClass(){
//向MyClass中添加属性a
MyClass.prototype.a=123;
//向MyClass中添加一个方法
MyClass.prototype.sayHello=function(){
alert("hello");
}
}
var mc= new MyClass();
//向mc中添加属性a
mc.a="我是mc中的a";
console.log(MyClass.prototype==Person.prototype);//false 原型存储指向不一致
document.write(mc.__proto__);//[object,object]
document.write(mc.__proto__==MyClass.prototype);//true 原型存储指向一致
document.write(mc.a);
mc.sayHello();
//创建一个构造函数
function MyClass(){
}
//向myclass的原型中添加一个name属性
MyClass.prototype.name="我是原型中的名字";
var mc=new MyClass();
mc.age=18;
console.log(mc.name);
//使用in检查对象中是否含有某个属性时,如果对象中没有但是原型中有,也会返回true
document.write("name" in mc);
//可以使用hasownproperty()来检查对象自身中是否含有该属性
//使用该方法只有对象自身中含有属性时,才会返回true
console.log(mc.hasOwnProperty("age"));
console.log(mc.__proto__.hasOwnProperty("hasOwnProperty"));
/*
原型对象也是对象,所以它也有原型,
当我们使用一个对象的属性或方法时,会在自身中寻找
自身中如果有,则直接使用,如果没有,则去原型对象中寻找
如果原型对象中有,则使用,如果没有则去原型的原型中寻找
object对象的原型没有原型,如果在object中依然没有找到,
则返回undefined
*/
console.log(mc.__proto__.__proto__.hasOwnProperty("hasOwnProperty"));
console.log(mc.__proto__.__proto__);
</script>
</head>
<body>
</body>
</html>
js基础——原型
猜你喜欢
转载自blog.csdn.net/weixin_44158539/article/details/113873206
今日推荐
周排行