關(guān)于Js中new操作符的作用詳解
前言
Js是當(dāng)今時(shí)代最常用的代碼操作語言,其中new操作符尤為常見。對(duì)于很多代碼小白來說,并不清楚new在Js中扮演著怎樣的角色,具體是做什么用,干了什么。本文從new操作符的作用著手,簡(jiǎn)單介紹new操作符相關(guān)知識(shí)。
什么是new?
眾所周知,在JS中,new的作用是通過構(gòu)造函數(shù)來創(chuàng)建一個(gè)實(shí)例對(duì)象。
像下面這樣:(和普通函數(shù)不一樣,當(dāng)函數(shù)用作構(gòu)造函數(shù)時(shí),首字母一般要大寫,以作區(qū)分。)
function Foo(name) { this.name = name;}console.log('new Foo(’mm’)的類型:',typeof new Foo(’mm’)); // objectconsole.log('Foo的類型:',typeof Foo); // function
創(chuàng)建了一個(gè)空對(duì)象
var obj=new Object();
在Js代碼中,new操作符的主要作用是產(chǎn)生對(duì)象。通過new創(chuàng)建空對(duì)象,為創(chuàng)建對(duì)象打基底。
設(shè)置原型鏈
obj.__proto__= Func.prototype;
JS中在利用new操作符建好基底后,就開始下一步的Js代碼操作,設(shè)置原型鏈。new通過構(gòu)造函數(shù)創(chuàng)建出的實(shí)例可以訪問到構(gòu)造函數(shù)原型鏈中的屬性,換言之,通過new操作符,原型鏈鏈接了實(shí)例和構(gòu)建函數(shù)。
(改變this指向)讓Func中的this指向obj,并執(zhí)行Func的函數(shù)體。
var result =Func.call(obj);
一般情況下,在Js代碼組中,出現(xiàn)this時(shí),構(gòu)造函數(shù)內(nèi)部是正常工作,但當(dāng)通過new操作符改變this指向后,所出現(xiàn)的返回值會(huì)被正常的返回出去。
判斷Func的返回值類型:如果是值類型,返回obj。如果是引用類型,就返回這個(gè)引用類型的對(duì)象。
if (typeof(result) == 'object'){ func=result;}else{ func=obj;}
從上述一組new操作符代碼中可看出,new還可用來判斷Func的返回值類型。如果返回值是值類型,則正常返回。如果是引用類型,就返回到引用類型的對(duì)象。
以上四點(diǎn)是new操作符在Js代碼中的主要作用,對(duì)于Js代碼小白希望可以有幫助。
總結(jié)
到此這篇關(guān)于關(guān)于Js中new操作符作用的文章就介紹到這了,更多相關(guān)Js new操作符作用內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. Ajax返回值類型與用法實(shí)例分析2. XML入門精解之結(jié)構(gòu)與語法3. 如何使用CSS3畫出一個(gè)叮當(dāng)貓4. 淺談SpringMVC jsp前臺(tái)獲取參數(shù)的方式 EL表達(dá)式5. 如何在jsp界面中插入圖片6. jsp實(shí)現(xiàn)登錄界面7. 基于javaweb+jsp實(shí)現(xiàn)企業(yè)車輛管理系統(tǒng)8. 怎樣才能用js生成xmldom對(duì)象,并且在firefox中也實(shí)現(xiàn)xml數(shù)據(jù)島?9. WML學(xué)習(xí)之二基本格式和文件頭10. asp取整數(shù)mod 有小數(shù)的就自動(dòng)加1
