JS之原型的基本使用
js中的原型毫无疑问一个难点,对于这个难点我们都应该先熟练的使用,然后自己整理一套属于自己的理解说辞,才不会忘记。
原型(对象属性)
1.原型是function对象的一个属性,它定义了构函数制造出的对象的公共祖先,通过该构造函数的对象,可以继承该原型的属性和方法,原型也是对象
使用构造函数创建对象:
例
Person.prototype.name = "小明";
function Person() {
}
var person = new Person();
var person1 = new Person();
console.log(person);//Person {}
console.log(person.name);//"小明";
//原型是构造函数制造出的对象的公共祖先
2.自己属性上有属性,和原型上也有,则继承自己的属性
原型上的属性和方法也可以增删改查
应用
利用原型的特点和概念,可以提取公有属性
例:
function Studnet(grade, teacher) {
this.teacher = teacher;//与下面相比,每一次执行总是要执行一次;代码冗余
this.grade = grade;
this.name = "小";
this.height = 180;
this.weight = 70;
}
var student = new Studnet("666班", "李");
利用原型
Studnet.prototype.grade = "666班";
Studnet.prototype.teacher = "李";//给原型赋值,只执行了一遍
function Studnet(name, height, weight) {
this.name = name;
this.height = height;
this.weight = weight;
}
var student = new Studnet("赵", "180", "70");
var student1 = new Studnet("王", "175", "60");
对象如何查看原型(proto)
例:
Studnet.prototype.name = "赵";
function Studnet() {
// var this ={
// __proto__:Student.prototype
//};
}
var student = new Studnet();
console.log(student.name)//赵
查找student.name 先会在自己的属性里面找,如果没有,就通过隐式的this里面proto指向里面找,也就是原型上有没有这个属性。并且,原型可以被修改为指向其他的。
例:
Studnet.prototype.name = "赵";
function Studnet() {
}
var student = new Studnet();
Studnet.prototype.name = "张";//改的是属性,“人”还是没有变
console.log(student.name);//张
但是,有一种情况会发生改变。
例:
Studnet.prototype.name = "赵";
function Studnet() {
}
var student = new Studnet();
Studnet.prototype={//新的,直接换“人”了
//student.prototype = {name:赵};
//__proto__:Student.prototype
//student.prototype = {name:张};
name : "张"
}
console.log(student.name);//赵