如何學好JavaScript(八) —— 用JSON做原型
來源:易賢網(wǎng) 閱讀:858 次 日期:2015-04-22 11:32:20
溫馨提示:易賢網(wǎng)小編為您整理了“如何學好JavaScript(八) —— 用JSON做原型”,方便廣大網(wǎng)友查閱!

在Javascript學習筆記5——類和對象中,我簡單地提到了利用JSON去構造一個對象。代碼如下:

<script type="text/javascript"> var People = { name: "kym", age: 21, SayHello: function () { alert("Hello,My name is " + this.name + ".I am " + this.age); } } alert(People.name); People.SayHello(); script>

但是我們是不能重用這個對象的,我們如何把這個對象作為原型的呢?

首先,在一個JSON對象有一個構造方法是不可能的了,那么我們就做一個簡單的“工廠”吧,寫一個方法來專門負責創(chuàng)建。

<script type="text/javascript"> var People = { Create: function (name, age) { this.name = name; this.age = age; }, SayHello: function () { alert("Hello,My name is " + this.name + ".I am " + this.age); } } People.Create("kym", 21); People.SayHello(); script>

但是通過這個方法我們卻發(fā)現(xiàn),我們沒有辦法用People作為原型,讓我們回顧一下:Javascript學習筆記7——原型鏈的原理 這篇文章,我們想一下這個過程:

var p=new People();==>p.__proto__=People.prototype。于是當我們p.SayHello()的時候就會去People.prototype中去找,結果什么都找不到。

如果可以People.prototype.SayHello=function(){}就可以解決這個問題。但是我們知道,只有function才可以有prototype。

那么我們想想之前的推導公式,怎么樣能讓p.SayHello()呢?如果可以p.__proto__=People就好了。那么我們想個辦法:

既然在new的時候,某個對象的__proto__只能等于某個函數(shù)的prototype,我們設置一個函數(shù)X,令p.__proto__=X.prototype,我們再令X.prototype=People。這樣的關系是這樣:

<script type="text/javascript"> var People = { Create: function (name, age) { this.name = name; this.age = age; }, SayHello: function () { alert("Hello,My name is " + this.name + ".I am " + this.age); } }; var X = function () { }; X.prototype = People; var p = new X(); p.Create("kym", 21); p.SayHello(); script>

這樣就相當于用X做了一個中間變量,使得我們可以訪問JSON對象的內部屬性。但是這樣是不是不太優(yōu)雅呢?我們每次創(chuàng)建一個對象時,都需要來寫這樣一個輔助的函數(shù)。那好,我們就把這個過程封裝起來:

var Factory = { CreatePeople : function (className,name,age) { var temp = function () { className.Create(name, age); }; temp.prototype = className; var result = new temp(); return result; }};var people = Factory.CreatePeople(People,"kym",21);people.SayHello();

但是這樣也有一個缺點,就是每次我增加一個類,就需要向Factory里注冊一個新方法,這樣是很麻煩的,我在很久以前的 玩轉方法:call和apply 中說過關于call和apply的區(qū)別,因為這里的參數(shù)不固定,我們不可能一一列舉,因此我們在這里可以用apply來改善這個方法:

<script type="text/javascript"> var People = { Create: function (name, age) { this.name = name; this.age = age; }, SayHello: function () { alert("Hello,My name is " + this.name + ".I am " + this.age); } }; var Factory = { Create: function (className, params) { var temp = function () { className.Create.apply(this, params); }; temp.prototype = className; var result = new temp(); return result; } }; var people = Factory.Create(People,["kym",21]); people.SayHello(); script>

這樣,一個完整的創(chuàng)建類就誕生了!那么我們每次創(chuàng)建“類”時就都可以用JSON來做了,然后用戶每次都統(tǒng)一來調用Factory.Create()就可以了!

更多信息請查看IT技術專欄

更多信息請查看腳本欄目
易賢網(wǎng)手機網(wǎng)站地址:如何學好JavaScript(八) —— 用JSON做原型

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權所有:易賢網(wǎng)