對象的創(chuàng)建
- 字面量
- 內(nèi)置構(gòu)造函數(shù)(Object)
- 工廠函數(shù)
- 自定義構(gòu)造函數(shù)
- Object.create()
01 字面量方式創(chuàng)建對象
代碼示例
var book1 = {
name:"聲名狼藉者的生活",
price:42.00,
author:"刚海柯",
press:"北京大學(xué)出版社",
read:function () {
console.log("我的書名為:聲名狼藉者的的生活,作者為福柯....");
}
};
存在問題
- 代碼復(fù)用性差
- 如果要創(chuàng)建大量的同類型對象拄踪，則需要些大量重復(fù)性代碼
02 內(nèi)置構(gòu)造函數(shù)創(chuàng)建對象
-
內(nèi)置構(gòu)造函數(shù)
- String Number Boolean 注意：(區(qū)別于string number boolean)
- Date Array Function Object RegExp....
代碼示例
var book1 = new Object();
book1.name = "聲名狼藉者的生活";
book1.price = 42.00;
book1.author = "福柯";
book1.press = "北京大學(xué)出版社";
book1.read = function () {
console.log("我的書名為:聲名狼藉者的的生活,作者為福柯....");
};
問題
01 創(chuàng)建的對象無法復(fù)用,復(fù)用性差
02 如果需要創(chuàng)建多個(gè)同類型的對象,如(書籍)則需要寫大量重復(fù)的代碼,代碼的冗余度高
03 簡單工廠函數(shù)創(chuàng)建對象
代碼示例
function createBookNew (name,price,author,press) {
var book = new Object();
book.name = name;
book.price = price;
book.author = author;
book.press = press;
book.read = function () {
console.log("我的書名為:"+book.name+",作者為"+book.author+"....");
};
return book;
}
//使用工廠函數(shù)來創(chuàng)建對象
var book1 = createBookNew("聲名狼藉者的的生活","42.00","福柯","北京大學(xué)出版社");
var book2 = createBookNew("人性的枷鎖","49.00","毛姆","華東師范大學(xué)出版社");
var book3 = createBookNew("悟空傳","28.00","今何在","湖南文藝出版社");
//打印對象的屬性,調(diào)用對象的方法
console.log(book1.name);
console.log(book2.name);
console.log(book3.name);
book1.read();
book2.read();
book3.read();
工廠函數(shù)創(chuàng)建對象說明
工廠函數(shù)方法其本質(zhì)就是對內(nèi)置構(gòu)造函數(shù)創(chuàng)建對象的一個(gè)封裝俐东，適用于大批量創(chuàng)建同種類型的對象
function createBook (name,price,author,press) {
//001 參數(shù) = 原料
var book = new Object();
//002 創(chuàng)建對象并設(shè)置對象的屬性和方法 = 對原料進(jìn)行加工
book.name = name;
book.price = price;
book.author = author;
book.press = press;
book.read = function () {
console.log("我的書名為:"+book.name+",作者為"+book.author+"....");
};
//003 把處理好的對象返回給我們 == 產(chǎn)品出廠
return book;
}
封裝思路
使用函數(shù)把固定不變的部分封裝起來，變化的部分提取為函數(shù)的參數(shù)
工廠函數(shù)創(chuàng)建對象的實(shí)現(xiàn)過程
① 提供一個(gè)創(chuàng)建對象的函數(shù)（參數(shù)）
② 在該函數(shù)內(nèi)部使用new 關(guān)鍵字和Object構(gòu)造器創(chuàng)建對象
③ 設(shè)置對象的屬性
④ 設(shè)置對象的方法
⑤ 返回對象
04 自定義構(gòu)造函數(shù)創(chuàng)建對象
構(gòu)造函數(shù)與普通函數(shù)的區(qū)別：
- 本質(zhì)上沒有區(qū)別
- 構(gòu)造函數(shù)一般首字母大寫
- 調(diào)用的時(shí)候订晌，構(gòu)造函數(shù)一般與new結(jié)合使用創(chuàng)建對象
核心過程：
01 提供一個(gè)（構(gòu)造）函數(shù)
02 在函數(shù)通過this設(shè)置屬性和方法
03 通過new 函數(shù)（）創(chuàng)建對象
-
內(nèi)部實(shí)現(xiàn)具體過程
- 默認(rèn)在函數(shù)內(nèi)部創(chuàng)建一個(gè)空對象 var o=new Object()
- 將創(chuàng)建的新對象賦值給this this=o
- 默認(rèn)會把新創(chuàng)建的對象的原型對象設(shè)為當(dāng)前構(gòu)造函數(shù)的原型對象 o.proto=Person.prototype
- 默認(rèn)會設(shè)置新創(chuàng)建對象的構(gòu)造器屬性為當(dāng)前構(gòu)造函數(shù) o.proto.constructor=Person
- 通過this設(shè)置屬性和方法
- 默認(rèn)會把新創(chuàng)建的對象返回 return o
代碼示例
function CreateBook (name,price,author,press) {
this.name = name;
this.price = price;
this.author = author;
this.press = press;
this.read = function () {
console.log("我的書名為:"+this.name+",作者為"+this.author+"....");
};
}
var b1 = new CreateBook("聲名狼藉者的的生活","42.00","嘎脖瑁柯","北京大學(xué)出版社");
var b2 = new CreateBook("人性的枷鎖","49.00","毛姆","華東師范大學(xué)出版社");
var b3 = new CreateBook("悟空傳","28.00","今何在","湖南文藝出版社");
//打印對象的屬性,并調(diào)用對象的方法測試
console.log(b1.author);
console.log(b2.author);
console.log(b3.author);
b1.read();
b2.read();
b3.read();
console.log(b1 == b2); // false，創(chuàng)建的對象為引用類型锈拨，存儲的是地址砌庄，兩次創(chuàng)建對象，存儲的地址不同奕枢，自然不相等
console.log(b1.read == b2.read); //false娄昆，同上
構(gòu)造函數(shù)的返回值
01 如果在構(gòu)造函數(shù)中沒有顯示的return,則默認(rèn)返回的是新創(chuàng)建出來的對象
02 如果在構(gòu)造函數(shù)中顯示的return,則依照具體的情況處理
[01] return 的是對象,則直接返回該對象,取而代之本該默認(rèn) 返回的新對象
[02] return 的是null或基本數(shù)據(jù)類型值,則返回新創(chuàng)建的對象
構(gòu)造函數(shù)方式創(chuàng)建對象存在的問題
每次創(chuàng)建對象,都會重新創(chuàng)建函數(shù)，那么如果創(chuàng)建的對象數(shù)量很多,而對象方法內(nèi)部的實(shí)現(xiàn)一模一樣,則造成了資源浪費(fèi)
