JS面向物件--面向物件原型
阿新 • • 發佈:2018-12-19
一.面向物件原型概念及說明 (1)面向物件原型的使用方式及使用範圍
// new Object
// 建構函式,工廠模式
// 原型->建構函式
// 物件通過通過建構函式建立,那麼就可以新增原型
function People(name){
this.names=name;
}
//原型的寫法:--原型本身就是一個物件,也是People的一個屬性
People.prototype={
age:19,
};
(2)面向物件原型寫法說明及使用場景:
var p=new People("張三");
console.log(p.__proto__);//此處__proto__相當於上面的People.prototype既是People的一個屬性,同時本身也是一個物件
console.log(p.age);//獲取原型物件裡的age的值,物件可以直接呼叫原型中的屬性
//或者寫成
console.log(p.__proto__.age);
// 框架類別:swiper,touchjs->經常使用到原型
二.面向物件原型使用注意點 (1).所有物件都有原型物件:proto (2)自定義函式->原型->Object的原型 (3)原型不建議新增值屬性,建議新增函式型別的屬性
// 例如:
function Person(name){
this.names=name;
}
Person.prototype= {
fn:function(ages){console.log(ages);},
}
var person=new Person("張三");
person.fn(190);
原型新增的屬性,在其所對應的建構函式所建立的物件上都存在 (4)原型相當於給建構函式新增額外的屬性