es6函數(shù)之嚴格模式用法實例分析
本文實例講述了es6函數(shù)之嚴格模式用法。分享給大家供大家參考,具體如下:
從es5開始,函數(shù)內(nèi)部可以設定為嚴格模式。
function doSomething(a, b) {
'use strict'
// code
}
es2016做了一點修改,規(guī)定只要函數(shù)參數(shù)使用了默認值,解構(gòu)賦值,或者擴展運算符,那么函數(shù)內(nèi)部就不能顯示設定為嚴格模式,否則會報錯。
// 報錯
function doSomething(a, b = a) {
'use strict'
// code
}
const doSomething = function({a, b}) {
'use strict'
// code
}
const doSomething = (...a) => {
'use strict'
// code
}
const obj = {
doSomething({a, b}) {
'use strict'
// code
}
}
這樣規(guī)定的原因是,函數(shù)內(nèi)部的嚴格模式,同時適用于函數(shù)體和函數(shù)參數(shù)。但是,函數(shù)執(zhí)行的時候,先執(zhí)行函數(shù)參數(shù),然后再執(zhí)行函數(shù)體,這樣就有一個不合理的地方,只有從函數(shù)體之中,才能知道參數(shù)是否應該以嚴格模式執(zhí)行,但是參數(shù)卻應該先于函數(shù)體執(zhí)行。
function doSomething(value = 070) {
'use strict'
return value
}
上面代碼中,參數(shù)value的默認值是八進制數(shù)070,但是嚴格模式下不能用前綴0表示八進制,所以應該報錯,但是實際上,javascript引擎會先成功執(zhí)行value = 070 ,然后進入函數(shù)內(nèi)部,發(fā)現(xiàn)需要用嚴格模式執(zhí)行,這時才會報錯。
雖然可以先解析函數(shù)體代碼,再執(zhí)行參數(shù)代碼,但是這樣無疑就增加了復雜性。因此,標準索性禁止了這種用法,只要參數(shù)使用了默認值,解構(gòu)賦值,或者擴展運算符,就不能顯示指定嚴格模式。
兩種方法可以規(guī)避這種限制。第一種是設定全局性的嚴格模式,這是合法的。
'use strict'
function doSomething(a, b = a) {
// code
}
第二種是把函數(shù)包在一個無參數(shù)的立即執(zhí)行函數(shù)里面。
const doSomething = (function() {
'use strict'
return function (value = 42) {
return value
}
})
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設計有所幫助。
- es6數(shù)組的flat(),flatMap()函數(shù)用法實例分析
- es6函數(shù)中的作用域?qū)嵗治?/a>
- es6函數(shù)之rest參數(shù)用法實例分析
- ES6學習筆記之字符串、數(shù)組、對象、函數(shù)新增知識點實例分析
- ES6知識點整理之函數(shù)對象參數(shù)默認值及其解構(gòu)應用示例
- 關(guān)于ES6箭頭函數(shù)中的this問題
- ES6中javascript實現(xiàn)函數(shù)綁定及類的事件綁定功能詳解
- ES6中Array.find()和findIndex()函數(shù)的用法詳解
- ES6中Array.includes()函數(shù)的用法
- ES6中箭頭函數(shù)的定義與調(diào)用方式詳解
- es6函數(shù)name屬性功能與用法實例分析
相關(guān)文章
JS中數(shù)組與對象相互轉(zhuǎn)換的實現(xiàn)方式
這篇文章主要介紹了JS中數(shù)組與對象相互轉(zhuǎn)換的實現(xiàn)方式,文章通過代碼示例講解的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2024-04-04
基于js與flash實現(xiàn)的網(wǎng)站flv視頻播放插件代碼
這篇文章主要介紹了基于js與flash實現(xiàn)的網(wǎng)站flv視頻播放插件代碼,該功能在很多網(wǎng)站上都有著廣泛的應用,本文以實例形式對其進行介紹,需要的朋友可以參考下2014-10-10
javascript實現(xiàn)的時間格式加8小時功能示例
這篇文章主要介紹了javascript實現(xiàn)的時間格式加8小時功能,涉及javascript日期時間轉(zhuǎn)換與運算相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
JS生態(tài)系統(tǒng)加速Tailwind?CSS工作原理探究
這篇文章主要為大家介紹了JS?生態(tài)系統(tǒng)加速Tailwind?CSS使用及工作原理探究,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2024-01-01

