JS建立對象的四種簡單方式 (工廠模式和自定義構造函數建立對象的區別)

// 對象：特指的某個事物，具備屬性和方法（一組無序的屬性的集合）
// 特徵------>屬性
// 行爲------>方法

// 建立對象的四種方式

         1 // 1.字面量的方式，就是實例化對象

 2  3 var stu1={  4 name:"小明",  5 age:20,  6 ID:20181111,  7 sex:"男",  8 eat:function(){  9 console.log("吃燴麪"); 10 }, 11 readBook:function(){ 12 console.log("平凡的世界"); 13 } 14 }; 15 16 // 2.調用系統的構造函數 17 18 var stu2=new Object(); 19 stu2.name="小紅"; 20 stu2.age=19; 21 stu2.ID=20181112; 22 stu2.sex="女"; 23 stu2.eat=function(){ 24 console.log("吃米飯"); 25 }; 26 stu2.readBook=function(){ 27 console.log("穆世林的葬禮"); 28 }; 29 //方式一、2 建立的對象沒有propotype原型屬性，三、4經過函數的形式建立的有prototype屬性
prototype屬性：爲一個特定類聲明通用的變量或者函數
不須要顯式地聲明一個prototype屬性，由於在每個構造函數中都有它的存在

var Person = function(){}; var p = new Person(); alert(p.__proto__ === Person.prototype);//true

31 // 3.自定義構造函數的方式 32 33 function Student(name,age,ID,sex){ 34 this.name=name; 35 this.age=age; 36 this.ID=ID; 37 this.sex=sex; 38 this.sayHi=function(){ 39 console.log("您好！"); 40 }; 41 } 42 //建立對象--->實例化一個對象，同時對屬性進行初始化。 43 // 1.開闢空間存儲對象 44 // 2.把this設置爲當前的對象 45 // 3.設置屬性和方法的值 46 // 4.把this對象返回 47 var stu3=new Student("小天",18,20181113,"男"); 48 49 50 // 4.工廠模式建立對象 51 52 function student(name,age,ID,sex){ 53 var obj = new Object(); 54 obj.name=name; 55 obj.age=age; 56 obj.ID=ID; 57 obj.sex=sex; 58 obj.sayHi=function(){ 59 console.log("您好！"); 60 }; 61 return obj; 62 } 63 var stu4=student("小菊",21,20181114,"女");

 

工廠模式和自定義構造函數建立對象的區別：

推薦使用自定義構造函數的方法建立對象