1. 程式人生 > >JS面向物件--面向物件原型

JS面向物件--面向物件原型

一.面向物件原型概念及說明 (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)原型相當於給建構函式新增額外的屬性