JavaScript学习笔记（十三）【原型对象】

原型对象

• 将函数定义在全局作用域，污染了全局作用域命名空间
• 而且全局作用域中很不安全

原型（prototype）：

• 创建的每一个函数，解析器都会向函数中添加一个属性 prototype，这个属性对应了一个对象，这个对象就是所谓的原型对象
• 如果函数作为普通函数调用 prototype，没有任何作用
• 当函数以构造函数的形式调用时，它所创建的对象中会有一个隐含的属性，指向构造函数的原型对象，我妈可以通过_proto_来访问该属性
• 原型对象相当于公共区域，所有同一个类的实例可以访问到这个原型对象，可以将对象中的共有内容，统一设置到原型对象中
• 当访问对象的一个属性或者方法时，它会先在对象自身中寻找，如果有则直接使用；没有，会去原型对象中去寻找

function MyClass(){
  
}
//向Myclass的原型中添加属性a
MyClass.prototype.a = 123;
var mc=new MyClass();
var mc2=new MyClass();
mc.a = "我是mc中的a"
console.log(mc2.a);//123

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

//创建一个构造函数
function MyClass(){
}
MyClass.prototype.name = "我是原型中的名字"

var mc = new MyClass();
console.log(mc.name);
//使用 in 检查对象中是否含有某个属性时，如果对象中没有但是原型中有，也会返回 true
console.log("name" in mc);
//检查对象自身中是否有该属性
console.log(mc.hasOwnProperty("age"));

• 原型对象也是对象，所以它也有原型
  • 使用一个对象属性或者方法时，会在自身中寻找
    • 自身中有，直接使用
    • 如果没有则去原型对象中寻找，如果原型对象中有，则使用
    • 如果没有则去原型的原型中寻找，直到找到object原型，如果object没有找到，返回undefined

toString（）

function Person(name,age,gender){
  this.name = name;
  this.age = age;
  this.gender = gender;
}
//修改 Person 原型的 toString
Person.prototype.toString = function(){
  return "Person"[name,age,gender]
};
//创建一个Person实例
var per = new Person("孙悟空",18,"男")；
//直接在页面打印一个对象时，实际上是输出的对象的toString（）方法的返回值
console.log(per.toString());//[object object]
console.log(per);