javascript如何實現(xiàn)create方法
這篇文章主要介紹了javascript如何實現(xiàn)create方法,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友可以參考下
1. 背景
項目使用 easyui + jquery作為前端框架，之前基本上是些后端代碼設(shè)計，前端涉略僅限于應(yīng)用。
項目js是之前部門領(lǐng)導(dǎo)寫的一個框架，使用面向過程方法進行編碼，前端代碼耦合較深，修改起來捉襟見肘。
希望以統(tǒng)一方式對jquery代碼進行設(shè)計管理，有必要對jquery源碼有一定程度了解。
理解代碼最好的方式，本人感覺應(yīng)該是造簡化版輪子。大致理解原型鏈之后，本文參考引用博文時限一個create函數(shù)。
2. 實現(xiàn)
構(gòu)造函數(shù)的constructor屬性在聲明以后自動賦值為自身，同時People的__proto__屬性賦值為Function.prototype。
使用new方式和Function.call方式創(chuàng)建的對象在原型上存在區(qū)分。
new方式對象__proto__屬性指向其構(gòu)造函數(shù)prototype對象，F(xiàn)unction.call方式對象__proto__屬性指向Object的prototype對象。
因此Function.call()方式創(chuàng)建對象只要修改__proto__屬性指向，私認為等價于new方式創(chuàng)建對象，代碼如下。
function create(){
// 1. 創(chuàng)建一個空對象
let obj = {};
// 2. 獲取構(gòu)造函數(shù)
let constructor = [].shift.call(arguments);
// 3. 鏈接到原型
obj.__proto__ = constructor.prototype;
// 4. 綁定this值
let result = constructor.apply(obj, arguments);
// 5. 返回新對象
return typeof result==='object' ? result : obj;
}
調(diào)用方式為
var people = create(People,'Bob',22);
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了JS實現(xiàn)簡單留言板功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)留言板，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
本文通過2個實例，對比分析了在js和c#中使用正則表達式匹配a標簽的異同，小伙伴們自己參考下吧，有利于深刻理解正則表達式的使用。2014-11-11
JavaScript中判斷數(shù)據(jù)類型的方法總結(jié)
這篇文章主要為大家詳細介紹了一些JavaScript中判斷數(shù)據(jù)類型的方法，文中的示例代碼講解詳細，具有一定的學(xué)習價值，需要的小伙伴可以了解一下2023-07-07
將html頁面保存成圖片,圖片寫入pdf的實現(xiàn)方法(推薦)
下面小編就為大家?guī)硪黄獙tml頁面保存成圖片,圖片寫入pdf的實現(xiàn)方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
JavaScript中定時器setTimeout()和setInterval()的用法
本文詳細講解了JavaScript中定時器setTimeout()和setInterval()的用法，文中通過示例代碼介紹的非常詳細。對大家的學(xué)習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
下面小編就為大家?guī)硪黄唵握務(wù)刟xios中的get,post方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
本文給大家分享的是個人在學(xué)習js運動動畫的過程中總結(jié)的我們需要注意的8個知識點，分別是速度動畫、透明度漸變、緩沖運動、多物體運動、獲取樣式、任意屬性值、鏈式運動和同時運動，非常的詳細，推薦給小伙伴們。2015-03-03
js或者jquery判斷圖片是否加載完成實現(xiàn)代碼
需要獲得圖片的寬度和高度，有些js或者jquery代碼在還沒有加載完圖片時就執(zhí)行了，這個問題該怎么解決呢？接下來分別介紹下js與jquery提供的方法2013-03-03
JavaScript?算法實現(xiàn)復(fù)寫0雙指針解法
這篇文章主要為大家介紹了JavaScript?算法?復(fù)寫0雙指針解法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11