javascript如何實現(xiàn)create方法
這篇文章主要介紹了javascript如何實現(xiàn)create方法,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
1. 背景
項目使用 easyui + jquery作為前端框架，之前基本上是些后端代碼設(shè)計，前端涉略僅限于應(yīng)用。
項目js是之前部門領(lǐng)導(dǎo)寫的一個框架，使用面向過程方法進(jìn)行編碼，前端代碼耦合較深，修改起來捉襟見肘。
希望以統(tǒng)一方式對jquery代碼進(jìn)行設(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__屬性指向，私認(rèn)為等價于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é)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
javascript iframe編程相關(guān)代碼，對于熟練操作iframe的朋友有很大的幫助。2009-12-12
有些代碼,需要的時候能寫的出來,但是也需要時間,如果有的東西長時間不接觸,再次看的時候也會感覺很陌生,這篇文章主要給大家介紹了一些不常見卻很實用的JS技巧,既可以作為一個知識的積累,又可以作為閑暇時打發(fā)時間寫寫代碼的記錄,需要的朋友可以參考下2021-11-11
這篇文章主要介紹了原生js+cookie實現(xiàn)購物車功能的方法,結(jié)合實例形式分析了javascript結(jié)合cookie存儲實現(xiàn)購物車功能的相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
這篇文章主要介紹了JS實現(xiàn)在線ps功能詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07
javascript 通用簡單的table選項卡實現(xiàn)
鑒于UI妹妹每次交付過來的選項卡都夾帶了多多少少的js，而且每遇到選項卡就加一點js，造成垃圾低劣代碼逐漸堆積過多了，一直想做一個通用簡潔的選項卡庫。2010-05-05
24行JavaScript代碼實現(xiàn)Redux的方法實例
這篇文章主要給大家介紹了關(guān)于如何利用24行JavaScript代碼實現(xiàn)Redux的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
這篇文章主要為大家介紹了llqrcode js識別二維碼解析二維碼信息實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11![JS 字符串連接[性能比較]](http://img.jbzj.com/images/xgimg/bcimg7.png)
js字符串連接實現(xiàn)代碼。2009-05-05
這篇文章主要介紹了詳解ES6實現(xiàn)類的私有變量的幾種寫法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
JS中動態(tài)創(chuàng)建元素的三種方法總結(jié)(推薦)
下面小編就為大家?guī)硪黄狫S中動態(tài)創(chuàng)建元素的三種方法總結(jié)(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10