es6函數(shù)之嚴(yán)格模式用法實例分析
本文實例講述了es6函數(shù)之嚴(yán)格模式用法。分享給大家供大家參考,具體如下:
從es5開始,函數(shù)內(nèi)部可以設(shè)定為嚴(yán)格模式。
function doSomething(a, b) { 'use strict' // code }
es2016做了一點修改,規(guī)定只要函數(shù)參數(shù)使用了默認(rèn)值,解構(gòu)賦值,或者擴展運算符,那么函數(shù)內(nèi)部就不能顯示設(shè)定為嚴(yán)格模式,否則會報錯。
// 報錯 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)部的嚴(yán)格模式,同時適用于函數(shù)體和函數(shù)參數(shù)。但是,函數(shù)執(zhí)行的時候,先執(zhí)行函數(shù)參數(shù),然后再執(zhí)行函數(shù)體,這樣就有一個不合理的地方,只有從函數(shù)體之中,才能知道參數(shù)是否應(yīng)該以嚴(yán)格模式執(zhí)行,但是參數(shù)卻應(yīng)該先于函數(shù)體執(zhí)行。
function doSomething(value = 070) { 'use strict' return value }
上面代碼中,參數(shù)value的默認(rèn)值是八進制數(shù)070,但是嚴(yán)格模式下不能用前綴0表示八進制,所以應(yīng)該報錯,但是實際上,javascript引擎會先成功執(zhí)行value = 070 ,然后進入函數(shù)內(nèi)部,發(fā)現(xiàn)需要用嚴(yán)格模式執(zhí)行,這時才會報錯。
雖然可以先解析函數(shù)體代碼,再執(zhí)行參數(shù)代碼,但是這樣無疑就增加了復(fù)雜性。因此,標(biāo)準(zhǔn)索性禁止了這種用法,只要參數(shù)使用了默認(rèn)值,解構(gòu)賦值,或者擴展運算符,就不能顯示指定嚴(yán)格模式。
兩種方法可以規(guī)避這種限制。第一種是設(shè)定全局性的嚴(yán)格模式,這是合法的。
'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ù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- es6數(shù)組的flat(),flatMap()函數(shù)用法實例分析
- es6函數(shù)中的作用域?qū)嵗治?/a>
- es6函數(shù)之rest參數(shù)用法實例分析
- ES6學(xué)習(xí)筆記之字符串、數(shù)組、對象、函數(shù)新增知識點實例分析
- ES6知識點整理之函數(shù)對象參數(shù)默認(rèn)值及其解構(gòu)應(yīng)用示例
- 關(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)文章
關(guān)于json字符串與實體之間的嚴(yán)格驗證代碼
在一個項目中要求嚴(yán)格驗證傳入的json字符串與定義的 類匹配,否則不記錄。后來查了好多資料才弄明白,下面小編給大家分享下關(guān)于json字符串與實體之間的嚴(yán)格驗證,感興趣的朋友一起看看吧2016-11-11Javascript實現(xiàn)快速排序(Quicksort)的算法詳解
排序算法(Sorting algorithm)是計算機科學(xué)最古老、最基本的課題之一,要想成為合格的程序員,就必須理解和掌握各種排序算法。2015-09-09分離與繼承的思想實現(xiàn)圖片上傳后的預(yù)覽功能:ImageUploadView
本文要介紹的是網(wǎng)頁中常見的圖片上傳后直接在頁面生成小圖預(yù)覽的實現(xiàn)思路,考慮到該功能有一定的適用性,于是把相關(guān)的邏輯封裝成了一個ImageUploadView組件,實際使用效果可查看下一段的git效果圖2016-04-04three.js創(chuàng)造時空裂縫特效實現(xiàn)示例
這篇文章主要為大家介紹了three.js創(chuàng)造時空裂縫特效實現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-11-11