国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時隨地免費(fèi)學(xué)習(xí)課程

當(dāng)前位置:首頁  >  技術(shù)干貨  > 詳解JavaScript嚴(yán)格模式

詳解JavaScript嚴(yán)格模式

來源:千鋒教育
發(fā)布人:qyf
時間: 2022-10-10 17:14:18 1665393258

詳解JavaScript嚴(yán)格模式

  嚴(yán)格模式(Strict mode)是由ECMA-262規(guī)范定義的新興JavaScript標(biāo)準(zhǔn),發(fā)布于2009年12月第五版。旨在改善錯誤檢查功能并且標(biāo)識可能不會延續(xù)到未來JavaScript版本的腳本。ES5嚴(yán)格模式是限制性更強(qiáng)的JavaScript變體,它與常規(guī)JavaScript的語義不同,其分析更為嚴(yán)格。

  目前,除了IE6-9,其它瀏覽器均已支持ES5嚴(yán)格模式。

  一、嚴(yán)格模式的使用

  嚴(yán)格模式 的使用很簡單,只有在代碼首部加入字符串 “use strict”。有兩種應(yīng)用場景,一種是全局模式,一種是局部模式。

  1)全局模式

  'use strict'

  //code

  2)局部模式

  將”use strict”放到函數(shù)內(nèi)的第一行,如下

  function() {

  "use strict";

  //code

  }

  二、嚴(yán)格模式下的執(zhí)行限制

  1)不使用var聲明變量嚴(yán)格模式中將不通過

  我們知道JS中,不使用var聲明的變量默認(rèn)轉(zhuǎn)為全局變量。但在嚴(yán)格模式中將不允許,會報語法錯誤。

  'use strict'

  g = 100 //錯誤

  比如for循環(huán)

  'use strict'

  for (i=0; i<5; i++) { //錯誤

  console.log(i)

  }

  2)任何使用’eval’的操作都會被禁止

  'use strict'

  var obj = {}

  var eval = 3

  for (var eval in obj) {}

  function eval() {}

  function func(eval) {}

  3)eval作用域 JS中作用域有兩種,全局作用域和函數(shù)作用域。嚴(yán)格模式帶來了第三種作用域:eval作用域,如下

  'use strict'

  var a = 10

  eval('var a = 20; console.log(a)'); //20

  console.log(a) //10

  4)with被禁用

  'use strict'

  var obj = {

  name:'zhangsan',

  age:100,

  sex:'男'

  }

  with(obj) { //報錯

  console.log(name);

  console.log(age);

  console.log(sex);

  }

  5)caller/callee 被禁用

  function func() {

  'use strict'

  arguments.callee

  arguments.caller

  }

  func()

  6)對禁止擴(kuò)展的對象添加新屬性會報錯

  'use strict'

  var obj = {}

  Object.preventExtensions(obj)

  obj.a = 1 // 報錯

  7)刪除系統(tǒng)內(nèi)置的屬性會報錯

  'use strict'

  delete Object.prototype // 報錯

  delete Function.prototype // 報錯

  8)delete使用var聲明的變量或掛在window上的變量報錯

  'use strict'

  var obj = {a:1}

  window.a = 1

  delete obj // 報錯

  delete a // 報錯

  9)delete不可刪除屬性(isSealed或isFrozen)的對象時報錯

  'use strict'

  var obj = {a: 1}

  Object.seal(obj)

  delete obj.a //報錯

  10)對一個對象的只讀屬性進(jìn)行賦值將報錯

  'use strict'

  var obj = {}

  Object.defineProperty(obj, 'a', {value: 1, writable: false})

  obj.a = 2 // 報錯

  11)函數(shù)有重名的參數(shù)將報錯

  'use strict'

  function func(a, a) {

  alert(a)

  }

  func()

  而在非嚴(yán)格模式中,后面的同名參數(shù)將覆蓋前面的。

  12)八進(jìn)制表示法被禁用

  'use strict'

  var num = 022

  13)arguments嚴(yán)格定義為參數(shù),不再與形參綁定

  function func(a) {

  arguments[0] = 2

  alert(a) // 2

  }

  func(1)

  func調(diào)用時傳參為1,函數(shù)內(nèi)部通過arguments修改為2,此時alert的為修改后的2。 而在嚴(yán)格模式中則不能被修改,如下

  'use strict'

  function func(a) {

  arguments[0] = 2

  alert(a) // 1

  }

  func(1)

  14)函數(shù)必須聲明在頂層

  我們知道函數(shù)聲明和函數(shù)表達(dá)式是兩個不同的概念。一般函數(shù)聲明都在最頂層,ES5前的JS寬松,你可以寫在if或for內(nèi)。當(dāng)然Firefox的解析方式與其他瀏覽器不同,見SJ9002。而在嚴(yán)格模式中這些寫法將直接報錯

  'use strict'

  if (true) {

  function func1() { } // 語法錯誤

  }

  for (var i = 0; i < 5; i++) {

  function func2() { } // 語法錯誤

  }

  15)ES5里新增的關(guān)鍵字不能當(dāng)做變量標(biāo)示符使用,如implements, interface, let, package, private, protected, public, static, yield

  'use strict'

  var let = 10 //報錯

  var yield = 20

  16)call/apply的第一個參數(shù)直接傳入不包裝為對象

  'use strict'

  function func() {

  console.log(typeof this)

  }

  func.call('abcd') // string

  func.apply(1) // number

  依次為”string”,”number”。而在非嚴(yán)格模式中call/apply將對值類型的”abcd”,1包裝為對象后傳入,即兩次輸出都為”object”。

  17)call/apply的第一個參數(shù)為null/undefined時,this為null/undefined 這里以call來示例

  'use strict'

  function func() {

  console.log(this)

  }

  func.call(undefined) // undefined

  func.call(null) // null

  依次是undefined,null。而非嚴(yán)格模式中則是宿主對象,瀏覽器里是window,node.js環(huán)境則是global。

  18)bind的第一個參數(shù)為null/undefined時,this為null/undefined bind是ES5給Function.prototype新增的一個方法,它和call/apply一樣在function上直接調(diào)用。它返回一個指定了上下文和參數(shù)的函數(shù)。當(dāng)它的第一個參數(shù)為null/undefined時,情形和call/apply一樣,this也為null/undefined。

  'use strict'

  function func() {

  console.log(this)

  }

  var f1 = func.bind(null)

  var f2 = func.bind(undefined)

  f1() // null

  f2() // undefined

  而在非嚴(yán)格模式中輸出的都是window(或global)。

  “use strict” 的位置必須在首部。首部指其前面沒有任何有效js代碼。以下都是無效的,將不會觸發(fā)嚴(yán)格模式。

  a)“use strict” 前有代碼, 無效

  var width = 10

  'use strict'

  g = 100

  b)“use strict” 前有個空語句,無效

  ;//這里是空語句

  'use strict'

  g = 100

  function func() {

  ;

  'use strict'

  g = 200

  }

  function func() {

  ;'use strict'

  localVar = 200

  }

  當(dāng)然,“use strict”前加注釋是可以的

  // strict mode

  'use strict'

  g = 100

  function func() {

  // strict mode

  'use strict'

  g = 200

  }

  func()

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學(xué)習(xí)老師24小時內(nèi)將與您1V1溝通
免費(fèi)領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
大數(shù)據(jù)測試工程師需要具備哪些技能?

一、理解大數(shù)據(jù)概念大數(shù)據(jù)測試工程師需要理解大數(shù)據(jù)的基本概念和原理,如分布式存儲、MapReduce、實(shí)時計算等。他們還需要了解如何處理大規(guī)模的...詳情>>

2023-10-14 23:43:03
為什么SpringBoot的 jar 可以直接運(yùn)行?

一、JAR文件的結(jié)構(gòu)與執(zhí)行方式Spring Boot的JAR包是Java Archive的縮寫,它是一種壓縮文件格式,可以將Java項目的類文件、資源文件以及依賴庫等...詳情>>

2023-10-14 23:01:49
站群服務(wù)器是什么?

站群服務(wù)器的含義與用途站群服務(wù)器主要用于支持站群,即由一組相互鏈接的網(wǎng)站組成的群體。這些網(wǎng)站通常由同一組織或個人擁有,并且經(jīng)常會互相鏈...詳情>>

2023-10-14 22:46:12
自編碼器是什么?

一、自編碼器原理自編碼器的設(shè)計靈感源于神經(jīng)科學(xué)中關(guān)于感知系統(tǒng)的認(rèn)知原理,它的核心思想是將輸入數(shù)據(jù)經(jīng)過編碼過程,形成一個隱藏層的特征表示...詳情>>

2023-10-14 22:41:10
什么是云網(wǎng)融合?

一、云網(wǎng)融合的定義云網(wǎng)融合是指將云計算與網(wǎng)絡(luò)技術(shù)相結(jié)合,實(shí)現(xiàn)資源的共享、業(yè)務(wù)的協(xié)同,將網(wǎng)絡(luò)與云端服務(wù)深度融合,提供更靈活、高效、安全的...詳情>>

2023-10-14 22:31:47