es6函數(shù)之嚴格模式用法實例分析
本文實例講述了es6函數(shù)之嚴格模式用法。分享給大家供大家參考,具體如下:
從es5開始,函數(shù)內部可以設定為嚴格模式。
function doSomething(a, b) { 'use strict' // code }
es2016做了一點修改,規(guī)定只要函數(shù)參數(shù)使用了默認值,解構賦值,或者擴展運算符,那么函數(shù)內部就不能顯示設定為嚴格模式,否則會報錯。
// 報錯 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ù)內部的嚴格模式,同時適用于函數(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ù)內部,發(fā)現(xiàn)需要用嚴格模式執(zhí)行,這時才會報錯。
雖然可以先解析函數(shù)體代碼,再執(zhí)行參數(shù)代碼,但是這樣無疑就增加了復雜性。因此,標準索性禁止了這種用法,只要參數(shù)使用了默認值,解構賦值,或者擴展運算符,就不能顯示指定嚴格模式。
兩種方法可以規(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測試上述代碼運行效果。
更多關于JavaScript相關內容可查看本站專題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
- es6數(shù)組的flat(),flatMap()函數(shù)用法實例分析
- es6函數(shù)中的作用域實例分析
- es6函數(shù)之rest參數(shù)用法實例分析
- ES6學習筆記之字符串、數(shù)組、對象、函數(shù)新增知識點實例分析
- ES6知識點整理之函數(shù)對象參數(shù)默認值及其解構應用示例
- 關于ES6箭頭函數(shù)中的this問題
- ES6中javascript實現(xiàn)函數(shù)綁定及類的事件綁定功能詳解
- ES6中Array.find()和findIndex()函數(shù)的用法詳解
- ES6中Array.includes()函數(shù)的用法
- ES6中箭頭函數(shù)的定義與調用方式詳解
- es6函數(shù)name屬性功能與用法實例分析
相關文章
Javascript實現(xiàn)快速排序(Quicksort)的算法詳解
排序算法(Sorting algorithm)是計算機科學最古老、最基本的課題之一,要想成為合格的程序員,就必須理解和掌握各種排序算法。2015-09-09分離與繼承的思想實現(xiàn)圖片上傳后的預覽功能:ImageUploadView
本文要介紹的是網(wǎng)頁中常見的圖片上傳后直接在頁面生成小圖預覽的實現(xiàn)思路,考慮到該功能有一定的適用性,于是把相關的邏輯封裝成了一個ImageUploadView組件,實際使用效果可查看下一段的git效果圖2016-04-04three.js創(chuàng)造時空裂縫特效實現(xiàn)示例
這篇文章主要為大家介紹了three.js創(chuàng)造時空裂縫特效實現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-11-11