資訊專欄INFORMATION COLUMN
摘要：操作符的兩種形態(tài)其實在的操作符描述中，語法是你會發(fā)現被中括號所包圍也就意味著可缺省，因此，如果對于不含參數的構造函數而言與二者并無區(qū)別，那我們接著思考一個問題，對于前面返回函數的而言，當的時候為什么執(zhí)行的是而不是呢。
首先歡迎大家關注我的Github博客，也算是對我的一點鼓勵，畢竟寫東西沒法變現，堅持下去也是靠的是自己的熱情和大家的鼓勵。各位讀者的Star是激勵我前進的動力，請不要吝惜。
寫了兩年的JavaScript的我，原以為是不會在語法上陰溝里翻船的，可是事實上被打臉，最近在產品開發(fā)中組里的一個帥小伙找我討論一個問題，為了方便大家閱讀，我將這個問題的模型抽象出來:
var provider = {
test: {
$get: function(){
return function anonymous(config){
};
}
}
};
var type = "test";
var config = {};
new provider[type].$get()(config);
上面的語句運行時候為什么函數anonymous中的this指向的是window而不是new創(chuàng)建的新對象。我當時聽到這個問題的第一時刻想的是: 納尼 !怎么可能new操作符對應的構造函數中的this指向的不是新創(chuàng)建的對象實例呢？當時由于并沒有仔細地將問題從業(yè)務中抽象出來，其實我也有點迷糊，但仔細一想，這個語句到底要表達什么呢？
思考在說這個表達式所要表達的含義之前，先說一個關于new操作符的幾個小知識:
構造函數的返回JavaScript構造函數中可以返回值，也可以不返回值，比如:
function Person(){
}
var person = new Person()
我們知道這個時候構造函數返回的是創(chuàng)建的實例對象，也就是構造函數中this所指向的對象。但是當你構造函數有返回值時，就要分情況區(qū)分。如果返回的是一個非引用類型的值時，實際上返回的是仍然是新創(chuàng)建的實例對象。但是當返回的是一個引用類型的值時，返回的是引用對象本身。比如:
function Person(){
return function(){}
}
var person = new Person()
typeof person // "function"
在JavaScript中函數作為一等公民，實質上就是引用類型，因此person就是返回的匿名函數。
new操作符的兩種形態(tài)其實在MDN的new操作符描述中，語法是
new constructor[([arguments])]
你會發(fā)現([arguments])被中括號所包圍也就意味著可缺省，因此，如果對于不含參數的構造函數而言:
new Person()與new Person
二者并無區(qū)別，那我們接著思考一個問題，對于前面返回函數的Person而言，當
new Person()的時候為什么執(zhí)行的是new Person()而不是(new Person)()呢。之前如果閱讀過我之前的一篇文章的同學知道，帶有參數的new操作符的優(yōu)先級大于無參數列表的new操作符。因此總是會執(zhí)行第一種而不是第二種。
了解上面的步驟之后，我們已經接近了問題的本質，對于表達式
new provider[type].$get()(config);
JavaScript引擎到底是解析成:
(new provider[type].$get())(config);
還是
new (provider[type].$get())(config);
對于第一種形式而言，(new provider[type].$get())返回的是anonymous函數，因此在anonymous(config)中內部this指向是window。而第二種模式中provider[type].$get()返回的是anonymous函數，因此運行new anonymous(config)時內部的this指針指向的是新創(chuàng)建的實例this。
當然我們從問題: this為什么指向的是window而不是new創(chuàng)建的新對象中可以看出來，其實作者當時想要表達的是第二種含義，但實際上卻以第一種方式在運行。為什么？原因非常簡單，第一種執(zhí)行方式JavaScript引擎首先解析的是帶參數列表的的new操作符，而第二種方式則是先執(zhí)行了函數調用，再執(zhí)行的是new操作符，我們對照上面的優(yōu)先級圖可以看到，帶參數列表的new優(yōu)先級高于函數調用，因此肯定是以第一種方式去運行。
其實這篇文章并沒有多少干貨，但是從中還是有兩點感悟吧，第一，從上一篇同類文章中我就強調避免使用這種模糊不清的表達式，多用幾個括號一切問題都迎刃而解，比如有的同學會寫出類似于:
var str = "Hello" + true ? "World" : "JavaScript";
那請問str內容是什么呢，有的人可能認為是Hello World,有的人會認為是World，實質上運算的結果是World，
因為+運算符優(yōu)先級是高于條件運算符的，這時候添加括號會讓你的代碼變得更加易于閱讀。第二，保持對技術的敬畏吧，最怕的就是你覺得你都會了，其實你一無所知。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://www.ezyhdfw.cn/yun/99371.html
摘要：將他們放在堆中是為了不影響棧的效率。所以簡單數據類型的值直接存放在棧中?？梢詫Ρ壬厦婺菑垐D默認是調用方法的依，于是等于空字符串?？兆址袊鴺藴蕰r間方法返回對象的原始值，可能是字符串數值或值等，看具體的對象。，需要兩個操作數同時轉為。 你是否在面試中遇到過各種奇葩和比較細節(jié)的問題? []==[] //false []==![] //true {}==!{} //false {}==
閱讀 2843·2021-11-22 13:54
閱讀 2767·2021-10-14 09:42
閱讀 4175·2021-09-28 09:47
閱讀 2246·2021-09-03 10:28
閱讀 1272·2021-07-26 23:38
閱讀 2624·2019-08-30 15:54
閱讀 2708·2019-08-29 16:35
閱讀 1504·2019-08-29 15:42
