關(guān)于Js中new操作符的作用詳解
前言
Js是當(dāng)今時代最常用的代碼操作語言,其中new操作符尤為常見。對于很多代碼小白來說,并不清楚new在Js中扮演著怎樣的角色,具體是做什么用,干了什么。本文從new操作符的作用著手,簡單介紹new操作符相關(guān)知識。

什么是new?
眾所周知,在JS中,new的作用是通過構(gòu)造函數(shù)來創(chuàng)建一個實例對象。
像下面這樣:(和普通函數(shù)不一樣,當(dāng)函數(shù)用作構(gòu)造函數(shù)時,首字母一般要大寫,以作區(qū)分。)
function Foo(name) {
this.name = name;
}
console.log("new Foo('mm')的類型:",typeof new Foo('mm')); // object
console.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)部是正常工作,但當(dāng)通過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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
javascript開發(fā)技術(shù)大全 第2章 開始JAVAScript之旅
1st JavaScript Editor ,除了有著色處,還有html標簽、屬性、javascript事件、函數(shù),另外還可調(diào)用外部編輯來編輯網(wǎng)頁,也可將常用瀏覽器內(nèi)置在窗口中。2011-07-07
Javascript入門學(xué)習(xí)第六篇 js DOM編程
上篇文章納悶的問題,將在這章和以后的幾章里,慢慢搞定。 從今天起,開始學(xué)習(xí)DOM編程 讓我們慢慢稱為一名初級的js程序員。 然后往js匠人方向發(fā)展。2008-07-07
JavaScript中的call方法和apply方法使用對比
這篇文章主要介紹了JavaScript中的call方法和apply方法使用對比,需要的朋友可以參考下2015-08-08
深入理解JavaScript系列(39):設(shè)計模式之適配器模式詳解
這篇文章主要介紹了深入理解JavaScript系列(39):設(shè)計模式之適配器模式詳解,適配器模式(Adapter)是將一個類(對象)的接口(方法或?qū)傩裕┺D(zhuǎn)化成客戶希望的另外一個接口(方法或?qū)傩裕?需要的朋友可以參考下2015-03-03

