es6函數(shù)之嚴(yán)格模式用法實(shí)例分析
本文實(shí)例講述了es6函數(shù)之嚴(yán)格模式用法。分享給大家供大家參考,具體如下:
從es5開(kāi)始,函數(shù)內(nèi)部可以設(shè)定為嚴(yán)格模式。
function doSomething(a, b) { 'use strict' // code }
es2016做了一點(diǎn)修改,規(guī)定只要函數(shù)參數(shù)使用了默認(rèn)值,解構(gòu)賦值,或者擴(kuò)展運(yùn)算符,那么函數(shù)內(nèi)部就不能顯示設(shè)定為嚴(yán)格模式,否則會(huì)報(bào)錯(cuò)。
// 報(bào)錯(cuò) 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ù)。但是,函數(shù)執(zhí)行的時(shí)候,先執(zhí)行函數(shù)參數(shù),然后再執(zhí)行函數(shù)體,這樣就有一個(gè)不合理的地方,只有從函數(shù)體之中,才能知道參數(shù)是否應(yīng)該以嚴(yán)格模式執(zhí)行,但是參數(shù)卻應(yīng)該先于函數(shù)體執(zhí)行。
function doSomething(value = 070) { 'use strict' return value }
上面代碼中,參數(shù)value的默認(rèn)值是八進(jìn)制數(shù)070,但是嚴(yán)格模式下不能用前綴0表示八進(jìn)制,所以應(yīng)該報(bào)錯(cuò),但是實(shí)際上,javascript引擎會(huì)先成功執(zhí)行value = 070 ,然后進(jìn)入函數(shù)內(nèi)部,發(fā)現(xiàn)需要用嚴(yán)格模式執(zhí)行,這時(shí)才會(huì)報(bào)錯(cuò)。
雖然可以先解析函數(shù)體代碼,再執(zhí)行參數(shù)代碼,但是這樣無(wú)疑就增加了復(fù)雜性。因此,標(biāo)準(zhǔn)索性禁止了這種用法,只要參數(shù)使用了默認(rèn)值,解構(gòu)賦值,或者擴(kuò)展運(yùn)算符,就不能顯示指定嚴(yán)格模式。
兩種方法可以規(guī)避這種限制。第一種是設(shè)定全局性的嚴(yán)格模式,這是合法的。
'use strict' function doSomething(a, b = a) { // code }
第二種是把函數(shù)包在一個(gè)無(wú)參數(shù)的立即執(zhí)行函數(shù)里面。
const doSomething = (function() { 'use strict' return function (value = 42) { return value } })
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專(zhuān)題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- es6數(shù)組的flat(),flatMap()函數(shù)用法實(shí)例分析
- es6函數(shù)中的作用域?qū)嵗治?/a>
- es6函數(shù)之rest參數(shù)用法實(shí)例分析
- ES6學(xué)習(xí)筆記之字符串、數(shù)組、對(duì)象、函數(shù)新增知識(shí)點(diǎn)實(shí)例分析
- ES6知識(shí)點(diǎn)整理之函數(shù)對(duì)象參數(shù)默認(rèn)值及其解構(gòu)應(yīng)用示例
- 關(guān)于ES6箭頭函數(shù)中的this問(wèn)題
- ES6中javascript實(shí)現(xiàn)函數(shù)綁定及類(lèi)的事件綁定功能詳解
- ES6中Array.find()和findIndex()函數(shù)的用法詳解
- ES6中Array.includes()函數(shù)的用法
- ES6中箭頭函數(shù)的定義與調(diào)用方式詳解
- es6函數(shù)name屬性功能與用法實(shí)例分析
相關(guān)文章
把JavaScript代碼改成ES6語(yǔ)法不完全指南(分享)
下面小編就為大家?guī)?lái)一篇把JavaScript代碼改成ES6語(yǔ)法不完全指南(分享)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就想給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09關(guān)于json字符串與實(shí)體之間的嚴(yán)格驗(yàn)證代碼
在一個(gè)項(xiàng)目中要求嚴(yán)格驗(yàn)證傳入的json字符串與定義的 類(lèi)匹配,否則不記錄。后來(lái)查了好多資料才弄明白,下面小編給大家分享下關(guān)于json字符串與實(shí)體之間的嚴(yán)格驗(yàn)證,感興趣的朋友一起看看吧2016-11-11自己寫(xiě)了一個(gè)展開(kāi)和收起的多更能型的js效果
展開(kāi)和收起這樣的效果想必大家早就眼熟了吧,利用閑暇時(shí)間用js寫(xiě)了一個(gè)具體功能:當(dāng)自己處于全部顯示的時(shí)候,點(diǎn)擊自己的收起,自己收起等等感興趣的你可以參考下哈2013-03-03Javascript實(shí)現(xiàn)快速排序(Quicksort)的算法詳解
排序算法(Sorting algorithm)是計(jì)算機(jī)科學(xué)最古老、最基本的課題之一,要想成為合格的程序員,就必須理解和掌握各種排序算法。2015-09-09分離與繼承的思想實(shí)現(xiàn)圖片上傳后的預(yù)覽功能:ImageUploadView
本文要介紹的是網(wǎng)頁(yè)中常見(jiàn)的圖片上傳后直接在頁(yè)面生成小圖預(yù)覽的實(shí)現(xiàn)思路,考慮到該功能有一定的適用性,于是把相關(guān)的邏輯封裝成了一個(gè)ImageUploadView組件,實(shí)際使用效果可查看下一段的git效果圖2016-04-04three.js創(chuàng)造時(shí)空裂縫特效實(shí)現(xiàn)示例
這篇文章主要為大家介紹了three.js創(chuàng)造時(shí)空裂縫特效實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11