快捷導(dǎo)航

javascript嚴(yán)格模式詳解（含嚴(yán)格模式與非嚴(yán)格模式的區(qū)別）

更新時間：2019年11月12日 09:12:56 作者：jm365

這篇文章主要介紹了javascript嚴(yán)格模式詳解（含嚴(yán)格模式與非嚴(yán)格模式的區(qū)別）,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

嚴(yán)格模式的優(yōu)缺點

優(yōu)點：

提高代碼解析與運行速度
禁用一些不合理的語法，減少代碼的怪異行為

缺點

某些代碼在嚴(yán)格模式下會報錯，尤其引入公用與第三方模塊的時候需要注意
有些嚴(yán)格模式的特性在不同瀏覽器的支持情況不同，需要注意兼容問題

嚴(yán)格模式與非嚴(yán)格模式的區(qū)別

1.禁用with語法，使用將報錯

因為解析with語法時作用域的情況會非常復(fù)雜，嚴(yán)重影響代碼的解析與運行速度

function usualMode() {
  with({a: 1}) {
    console.log(a)
  }
}
usalMode() // 正常輸出 1

function strictMode() {
  'use strict'
  with({a: 1}) {
    console.log(a)
  }
}
strictMode() // 將報錯

2.禁止刪除變量與函數(shù)

function usualMode() {
  function fn() {} 
  var a = 1
  delete a // 不會報錯，但實際上也沒能刪除變量a
  delete fn // 同delete a
}
usalMode() // 正常執(zhí)行

function strictMode() {
  'use strict'
  function fn() {} 
  var a = 1
  delete a
}
strictMode() // 將報錯

3.屬性描述符（propertyDescriptor）相關(guān)

能改變屬性描述符的方法有Object.defineProperty、Object.defineProperties、Reflect.defineProperty、Reflect.defineProperties、Object.freeze、Object.seal;獲取一個屬性描述符可以用Object.getOwnPropertyDescriptor、Object.getOwnPropertyDecriptors,ES6中還有Reflect.getOwnPropertyDescriptor、Reflect.getOwnPropertyDescriptors

3.1刪除configurable = false的屬性會報錯

'use strict'
var obj = {}
Object.defineProperty(obj, 'a', {
  configurable: false,
  value: 1
})
delete obj.a // 嚴(yán)格模式會報錯；非嚴(yán)格模式會返回false

3.2給writable = false的屬性賦值會報錯

'use strict'
var obj = {}
Object.defineProperty(obj, 'a', {
  writable: false,
  value: 1
})
obj.a = 2 // 嚴(yán)格模式會報錯；非嚴(yán)格模式不會報錯，但也不會生效，obj.a 仍然等于 1

4.給不允許擴展的object增加屬性會報錯

'use strict'
var obj = {a: 1}
Object.preventExtensions(obj)
obj.b = 2 // 嚴(yán)格模式下會報錯;非嚴(yán)格模式不會報錯，但也不會生效 'b' in obj 為false

能將object設(shè)置為不可擴展的方法有Object.freeze、Object.seal、Object.preventExtensions;ES6還有Reflect.freeze、Reflect.seal、Reflect.preventExtensions;判斷一個object是否允許擴展可以用Object.isExtensible;ES6還有Reflect.isExtensible

5.給未申明的變量賦值會報錯

'use strict'
a = 1 // 嚴(yán)格模式下將報錯，非嚴(yán)格模式a變量會提升至全局作用域

6.定義object時屬性重名會報錯

'use strict'
var obj = {a: 1, a: 2}// 嚴(yán)格模式將報錯；非嚴(yán)格模式后面一個a會覆蓋前面的a，即obj.a = 2

7.形參重復(fù)時會報錯

'use strict'
function fn(a, a) {
  console.log(a, arguments)
}
fn(1,2) // 嚴(yán)格模式會報錯；非嚴(yán)格模式不會報錯，a=2,arguments中兩個參數(shù)都有

8.eval相關(guān)

8.1eval有獨立作用域

'use strict'
eval('var a = 1')
console.log(typeof a) // 嚴(yán)格模式下為undefined;非嚴(yán)格模式下為number

8.2eval不能作為變量名或函數(shù)名,類似關(guān)鍵字

'use strict'
var eval = 1 // 嚴(yán)格模式下將報錯;非嚴(yán)格模式將申明一個值為1的變量eval

// 嚴(yán)格模式下將報錯;非嚴(yán)格模式將申明一個對應(yīng)的eval函數(shù)
function eval() {
// some code
}

9.arguments相關(guān)

9.1arguments是形參的副本（類似淺拷貝）

'use strict'
function fn(a, obj){
  arguments[0] = 2
  arguments[1].b = 2
  console.log(a) // 嚴(yán)格模式為1；非嚴(yán)格模式為2
  console.log(obj.b) // 2,因為js中object是地址傳遞
}
fn(1, {b: 1})

9.2arguments不能作為變量名或函數(shù)名,類似關(guān)鍵字

'use strict'
var arguments = 1 // 嚴(yán)格模式下將報錯;非嚴(yán)格模式將申明一個值為1的變量arguments

// 嚴(yán)格模式下將報錯;非嚴(yán)格模式將申明一個對應(yīng)的arguments函數(shù)
function arguments() {
  // some code
}

10.禁用caller與callee

'use strict'
function fn() {
  console.log(arguments.callee.caller, fn.caller) // 嚴(yán)格模式下報錯；非嚴(yán)格模式指向fn2
  console.log(arguments.callee) // 嚴(yán)格模式報錯；非嚴(yán)格模式指向fn
}
function fn2() {
  fn()
}
fn2()

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: