首頁  >  文章  >  web前端  >  JS嚴格模式知識點總結(詳細解答)

JS嚴格模式知識點總結(詳細解答)

亚连
亚连原創
2018-05-18 16:53:501397瀏覽

這篇文章為大家整理了JS嚴格模式下的相關知識點以及程式碼實例分享,有興趣的跟著小編一起學習下吧。

所謂嚴格模式其實就是一個不會賦值給任何變數的字串 “use strict”

如果在全域作用域下 給出這個提示,那整個腳本將採用嚴格模式。也可以只在函數中開啟嚴格模式

1.嚴格模式下沒有全域變數

a="test"

嚴格模式下會報錯,非嚴格模式下正常

2.刪除變數

#var 有三種宣告的情形

  • ##var 宣告的全域變數

  • var 宣告的局部變數

  • eval()中宣告的全域變數

第一種和第二種情況是無法用delete刪掉的。

首先第一種情況宣告的全域物件雖然是windows的屬性,但這個屬性的configurable=false 因此是無法刪除的

第二種情況局部變數更不行了,連依附的物件是誰都不知道,怎麼刪除

第三種情況eval()稍後會說到。

回歸正題。也就是說非嚴格模式下,可以刪除變量,但會失敗回傳false.

嚴格模式下刪除變數會報錯。

3.物件

在下列情況下操作物件會報錯

  1. 為唯讀屬性賦值會報錯

  2. 對不可配置的屬性使用delete 會報錯

  3. #為不可擴充的物件新增屬性會報錯

  4. 在使用物件字面量的時候,屬性名稱必須唯一。例如

  5. var person={
      name:"1",
      name:"2"
    }
非嚴格模式下會預設取值第二個,嚴格模式下會報錯。

4.函數

嚴格模式要求函數參數名稱必須唯一

function(n,n){
  // todo
}

在非嚴格模式下,這個函數宣告不會報錯,通過參數名稱只能存取到第二個參數,第一個參數得透過arguments去存取。

arguments在兩種模式下也有所不同

在非嚴格模式下,修改命名參數的值會反映到arguments物件中,在嚴格模式下兩個值是獨立的。

淘汰了 arguments.callee(引用函數本身),arguments.caller(引用呼叫函數)。

嚴格模式下函數名稱不能使用js保留字

**嚴格模式下只能在腳本的頂層和在函數內部宣告函數,在if語句中宣告函數會導致語法錯誤。 **

if(true){
  function(){
   // 严格模式下报错
}
}

5.this

在非嚴格模式下使用函數的apply(),call(),傳入null 或undefined值會轉換為全局對象。在嚴格模式下,函數的this始終是指定的值,無論指定的是什麼值。

var a="1";
function test(){
 console.log(this.a)
}
test.call(null) 在非严格模式下会输出1,严格模式下this就指代的就是null,null没有a属性,就会报错。

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

Vue.js Flask\建立一個單頁APP案例詳解(附程式碼)

怎麼用JS偵測電腦設定

JS用事件委託給元素增加事件

以上是JS嚴格模式知識點總結(詳細解答)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn