原型
1.定义：原型是fn对象的一个属性，它定义了构造函数制造出对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。
2.利用原型特点和概念，可以提取共有属性
3.对象如何查看原型——隐匿属性__proto__
4.对象如何查看对象的构造函数 ——constructor
构造函数是大驼峰式
Person.prototype ——原型 Person.prototype={} ——祖先 Person.prototype.name = "hehe"; function Person(){ //同样的属性和方法 } var person = new Person(); person.name //hehe person1.name //hehe
原型的特点
1.自己有的用自己的，不用父亲的
Person.prototype ——原型 Person.prototype={} ——祖先 Person.prototype.Lastname = "Deng"; Person.prototype.say = function(){console.log(‘hehe‘)} function Person(name,age,sex){ //同样的属性和方法 // this.Lastname = "newName" this.name = name; this.age = age; this.sex = sex; } var person = new Person(‘xumin‘,36,‘male‘); person.name //newName // person1.name //hehe
弊端 代码冗余，耦合;共有的放原型里，只加载一次
Car.prototype.height = 1400; Car.prototype.lang = 4900; Car.prototype.carName = "BMW"; function Car(color,owner){ /*this.owner = owner; this.color = color; this.carName = "BMW"; this.height = 1400;*/ this.owner = owner; this.color = color; } var car = new Car(‘red‘,‘prof.ji‘); var car = new Car(‘green‘,‘LaoDeng‘);
简化版本的prototype
Car.prototype={ height:1400, lang:4900, carName:"BMW" } Car.prototype.height = 1400; Car.prototype.lang = 4900; Car.prototype.carName = "BMW"; function Car(color,owner){ } var car = new Car(); car.carName //BMW
原型的增删改查 对象无法操作原型，只能用prototype来操作
Person.prototype.lastName = "Deng"; function Person(name){ this.name = name; } var person = new Person(‘xuming‘); person.lastName = "James" //这里是对象自身的属性，和原型没关系 person.prototype.lastName = "James" //这才是修改原型属性 delete person.name; delete.person.lastName //true 并没有真正删除
constructor 指针，指向构造函数
Car.prototype.abc = "123" function Car(color,owner){ } var car = new Car(); car.constructor //Car 返回构造函数 Car.prototype //返回系统自带的 //更改指针 function Person(){} Car.ptototype = { car.constructor : Person }