JavaScript嚴(yán)格模式怎么實現(xiàn)

本篇內(nèi)容介紹了“JavaScript嚴(yán)格模式怎么實現(xiàn)”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

一、認(rèn)識嚴(yán)格模式

• 在ECMAScript5標(biāo)準(zhǔn)中，JavaScript提出了嚴(yán)格模式的感念：

• 嚴(yán)格模式很好理解，是一種具有限制性的JavaScript模式，從而使代碼隱式的脫離了“懶散模式”。

• 支持嚴(yán)格模式的瀏覽器在檢測到代碼中有嚴(yán)格模式時，會以更加嚴(yán)格的方式對代碼進(jìn)行檢測和執(zhí)行。

• 嚴(yán)格模式對正常的JavaScript語義進(jìn)行了一些限制：

• 嚴(yán)格模式通過 拋出錯誤來消除一些原有的 靜默錯誤。

• 嚴(yán)格模式讓JS引擎在執(zhí)行代碼時可以進(jìn)行更多的優(yōu)化（不需要對一些特殊的語法進(jìn)行處理）。

• 嚴(yán)格模式禁用了在ECMAScript未來版本中可能會定義的一些語法。

二、開啟嚴(yán)格模式

那么如何開啟嚴(yán)格模式呢？嚴(yán)格模式支持粒度化的遷移：

• 可以支持在js文件中開啟嚴(yán)格模式；

• 也支持對某一個函數(shù)開啟嚴(yán)格模式；

三、嚴(yán)格模式限制

JavaScript被設(shè)計為新手開發(fā)者更容易上手，所以有時候本買錯誤語法，別認(rèn)為也是可以正常被解析的；
但是這種方式可能給帶來留下安全隱患；
在嚴(yán)格模式下，這種事務(wù)就會被當(dāng)做錯誤，以便可以快速的發(fā)現(xiàn)和修正；
總結(jié)了一下幾點常見的限制：

1.無法意外的創(chuàng)建全局變量

意外的創(chuàng)建全局變量的方式有兩種：

• 全局不使用關(guān)鍵字直接聲明全局變量

• 在函數(shù)內(nèi)部不使用關(guān)鍵字聲明變量 函數(shù)默認(rèn)提升為全局變量
  示例代碼如下：

'use strict'
// 禁止意外創(chuàng)建全局變量
message = '意外創(chuàng)建全局變量'
console.log(message) // 報錯信息為：Uncaught ReferenceError: message is not defined

function foo () {
    age = 20
    console.log(age)
}
foo() // ReferenceError: age is not defined

2.嚴(yán)格模式下會使引起靜默失敗的賦值操作報出錯誤異常

示例代碼如下：

//開啟嚴(yán)格模式，將問題直接轉(zhuǎn)化為報錯
'use strict'
const v = 100;//(定義常量)
v = 1.14;//重新賦值（為變量）

console.log(v); // Uncaught TypeError: Assignment to constant variable.

3.嚴(yán)格模式下試圖刪除不可刪除的屬性

嚴(yán)格模式下，不能對變量使用delect運算符。

(1).對變量使用delete關(guān)鍵字

  // 開啟嚴(yán)格模式
'use strict'

var v = 100;
delete v;//非嚴(yán)格模式下：此處為靜默失敗，既沒有報錯也沒有刪除變量v
console.log(v);//100
//開啟嚴(yán)格模式后，改為報錯Delete of an unqualified identifier in strict mode.

(2).對數(shù)組和對方法屬性使用delete關(guān)鍵字

嚴(yán)格模式下對數(shù)組和對方法屬性使用delete關(guān)鍵字，效果不變。

// 開啟嚴(yán)格模式
'use strict'

// 1、嚴(yán)格模式下刪除數(shù)組內(nèi)容
var arr = [1,2,3,4]
delete arr[0];
console.log(arr);//[ <1 empty item>, 2, 3, 4 ]

// 2、嚴(yán)格模式下delete函數(shù)的屬性
var obj  =  {
    name : '豬豬俠 '
}
delete obj.name;
console.log(obj.name)//undefined

4.嚴(yán)格模式不允許函數(shù)參數(shù)有相同的名稱

示例代碼如下：

'use strict'
// 不允許函數(shù)有相同的參數(shù)名稱
function foo2 (x, y, x) {
    console.log(x, y, x)
}
foo2(10, 20, 30) // SyntaxError: Duplicate parameter name not allowed in this context

5.不允許0的八進(jìn)制語法

示例代碼如下：

// 不允許使用原先的八進(jìn)制格式
var num1 = 0123
var num2 = 0o123 // 可以寫成這種格式 八進(jìn)制
var num3 = 0x123 // 可以寫成這種格式 十六進(jìn)制
var num4 = 0b100 // 可以寫成這種格式 二進(jìn)制

console.log(num1) // SyntaxError: Octal literals are not allowed in strict mode.
console.log(num2, num3, num4) // 83 291 4

6.在嚴(yán)格模式下，不允許使用with

示例代碼如下：

'use strict'
var message = 'Hello World';

var obj = { name: 'jam', age: 20 }
// with語句可以形成自己的作用域,在with語句中打印age時，會輸出obj對象中的age屬性，但在with語句中打印不存在的屬性message時，會向外層的作用域一層一層去查找
function foo () {
    with (obj) {
        console.log(age) 
        console.log(message) 
    }
    console.log(message)
}
foo() // SyntaxError: Strict mode code may not include a with statement

7.在嚴(yán)格模式下，eval不再為上層引用變量

示例代碼如下：

var jsString = "var message = 'hello world';console.log(message)"
eval(jsString) // 輸出  hello world
console.log(message) // 報錯信息為：ReferenceError: message is not defined

開啟嚴(yán)格模式 eval函數(shù)不會向上引用變量 所以全局作用域就沒有message這個變量所以會報錯

8.嚴(yán)格模式下，this綁定不會默認(rèn)轉(zhuǎn)成對象

示例代碼如下：

'use strict'
// 在嚴(yán)格模式下，自執(zhí)行函數(shù)（默認(rèn)綁定）會指向undefined  ，非嚴(yán)格模式下會指向window
function foo () {
    console.log(this)
}
foo() // undefined

“JavaScript嚴(yán)格模式怎么實現(xiàn)”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！