關(guān)于Js中new操作符的作用詳解
前言
Js是當今時代最常用的代碼操作語言,其中new操作符尤為常見。對于很多代碼小白來說,并不清楚new在Js中扮演著怎樣的角色,具體是做什么用,干了什么。本文從new操作符的作用著手,簡單介紹new操作符相關(guān)知識。
什么是new?
眾所周知,在JS中,new的作用是通過構(gòu)造函數(shù)來創(chuàng)建一個實例對象。
像下面這樣:(和普通函數(shù)不一樣,當函數(shù)用作構(gòu)造函數(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)建了一個空對象
var obj=new Object();
在Js代碼中,new操作符的主要作用是產(chǎn)生對象。通過new創(chuàng)建空對象,為創(chuàng)建對象打基底。
設(shè)置原型鏈
obj.__proto__= Func.prototype;
JS中在利用new操作符建好基底后,就開始下一步的Js代碼操作,設(shè)置原型鏈。new通過構(gòu)造函數(shù)創(chuàng)建出的實例可以訪問到構(gòu)造函數(shù)原型鏈中的屬性,換言之,通過new操作符,原型鏈鏈接了實例和構(gòu)建函數(shù)。
(改變this指向)讓Func中的this指向obj,并執(zhí)行Func的函數(shù)體。
var result =Func.call(obj);
一般情況下,在Js代碼組中,出現(xiàn)this時,構(gòu)造函數(shù)內(nèi)部是正常工作,但當通過new操作符改變this指向后,所出現(xiàn)的返回值會被正常的返回出去。
判斷Func的返回值類型:如果是值類型,返回obj。如果是引用類型,就返回這個引用類型的對象。
if (typeof(result) == 'object'){ func=result;}else{ func=obj;}
從上述一組new操作符代碼中可看出,new還可用來判斷Func的返回值類型。如果返回值是值類型,則正常返回。如果是引用類型,就返回到引用類型的對象。
以上四點是new操作符在Js代碼中的主要作用,對于Js代碼小白希望可以有幫助。
總結(jié)
到此這篇關(guān)于關(guān)于Js中new操作符作用的文章就介紹到這了,更多相關(guān)Js new操作符作用內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. JSP中Servlet的Request與Response的用法與區(qū)別2. IntelliJ IDEA刪除類的方法步驟3. vue cli4下環(huán)境變量和模式示例詳解4. Django視圖類型總結(jié)5. Xml簡介_動力節(jié)點Java學(xué)院整理6. Intellij IDEA 關(guān)閉和開啟自動更新的提示?7. Python Selenium XPath根據(jù)文本內(nèi)容查找元素的方法8. python如何編寫類似nmap的掃描工具9. 解析原生JS getComputedStyle10. javascript使用alert實現(xiàn)一個精美的彈窗
