快捷導(dǎo)航

Javascript 嚴(yán)格模式use strict詳解

更新時(shí)間：2017年09月16日 11:05:08 作者：Rcyan

嚴(yán)格模式：由ECMA-262規(guī)范定義的JavaScript標(biāo)準(zhǔn)，對(duì)javascrip的限制更強(qiáng)。這篇文章主要介紹了Javascript 嚴(yán)格模式use strict詳解 ,需要的朋友可以參考下

嚴(yán)格模式：由ECMA-262規(guī)范定義的JavaScript標(biāo)準(zhǔn)，對(duì)javascrip的限制更強(qiáng)。

（非嚴(yán)格的模式，被稱為“馬虎模式/稀松模式/懶散模式”。）

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

嚴(yán)格模式可以在腳本或函數(shù)級(jí)別實(shí)現(xiàn)。（即全局和局部模式）

1.全局

在js文件的最前面添加 "use strict"

2.局部

在函數(shù)內(nèi)部添加 "use strict",如下

function fn() {
  "use strict";
  //some code
}

二、嚴(yán)格模式和非嚴(yán)格模式的對(duì)比

1.嚴(yán)格模式下,無法刪除(delete)變量（delete是不合格的標(biāo)識(shí)符)）。非嚴(yán)格模式下會(huì)刪除失敗返回false

"use strict";
var x;
delete x;//報(bào)錯(cuò)Delete of an unqualified identifier in strict mode.（不合格的標(biāo)識(shí)符）

2.嚴(yán)格模式中，函數(shù)形參存在同名的，拋出錯(cuò)誤；非嚴(yán)格模式不會(huì)

嚴(yán)格模式下

function fn(a,a){
 "use strict";
  result=a+a;
  console.log(result);
}
fn(2,4);//Duplicate parameter name not allowed in this context(重復(fù)的參數(shù)名稱在此上下文中不允許)

非嚴(yán)格模式下

function fn1(a,a){
  "use strict";
  result=a+a;
  console.log(result);
}
fn1(2,4);//結(jié)果為8

3.嚴(yán)格模式不允許八進(jìn)制整數(shù)直接量（如下）。非嚴(yán)格模式下不會(huì)報(bào)錯(cuò)。

"use strict"
var x=089;
console.log(x);//報(bào)錯(cuò)：Decimals with leading zeros are not allowed in strict mode.

4.嚴(yán)格模式中，arguments對(duì)象是傳入函數(shù)內(nèi)實(shí)參列表的靜態(tài)副本（即不再追蹤參數(shù)的變化）；非嚴(yán)格模式下，arguments對(duì)象里的元素和對(duì)應(yīng)的實(shí)參是指向同一個(gè)值的引用。

嚴(yán)格模式下

fn(5);
function fn(a){
  "use strict";
  a = 42;
  // return a==arguments[0];//返回false
  console.log(a);//結(jié)果為42
  console.log(arguments[0]);//結(jié)果為5,嚴(yán)格模式下arguments[0]表示這個(gè)調(diào)用方法的第一個(gè)參數(shù)     (不再追蹤  參數(shù)的變化，在函數(shù)內(nèi)部，參數(shù)a被重新賦值為42，但arguments[0]仍然為5.)
}

非嚴(yán)格模式下

fn(5);
function fn(a){
  a = 42;
  // return a==arguments[0];//返回true
  console.log(a);//結(jié)果為42
  console.log(arguments[0]);//結(jié)果為42(追蹤參數(shù)變化)

}

5.嚴(yán)格模式中 eval和arguments當(dāng)做關(guān)鍵字，它們不能被賦值和用作變量聲明

"use strict";
var eval=3;//報(bào)錯(cuò)：Unexpected eval or arguments in strict mode
var argument=6；//同樣報(bào)錯(cuò)

6.嚴(yán)格模式會(huì)限制對(duì)調(diào)用棧的檢測(cè)能力，訪問arguments.callee，arguments.callee.caller會(huì)拋出異常

嚴(yán)格模式下：

"use strict";
function fn(n){
  if(n==0){
    return 1;
  }else{
    return n*arguments.callee(n-1);
  }
}
console.log(fn(5));//報(bào)錯(cuò)

非嚴(yán)格模式下：

function fn(n){//階乘
  if(n==0){
    return 1;
  }else{
    return n*arguments.callee(n-1);
  }
}
console.log(fn(5));//正常120

caller：在一個(gè)函數(shù)調(diào)用另一個(gè)函數(shù)時(shí)，被調(diào)用函數(shù)會(huì)自動(dòng)生成一個(gè)caller屬性，指向調(diào)用它的函數(shù)對(duì)象。如果該函數(shù)當(dāng)前未被調(diào)用，或并非被其他函數(shù)調(diào)用，

則caller為null。如下：

嚴(yán)格模式下：

"use strict"
function fn1() {
  var n1= fn1.caller;
  console.log(n1);
}
function fn2() {
  fn1();
}
fn2();//報(bào)錯(cuò)

非嚴(yán)格模式下：

function fn1() {
  var n1= fn1.caller;//此例中caller指向調(diào)用它的函數(shù)（fn2）
  console.log(n1);
}
function fn2() {
  fn1();
}
fn2();// 結(jié)果打印出：function fn2(){ fn1( ) };

7.嚴(yán)格模式變量必須先聲明，直接給變量賦值，不會(huì)隱式創(chuàng)建全局變量，不能用with。

嚴(yán)格模式下

"use strict"；
with（obj）{
  x；
}//報(bào)錯(cuò)：Strict mode code may not include a with statement

解釋：道運(yùn)行腳本時(shí)，首先是編譯，然后再執(zhí)行。顯然在編譯的時(shí)候，所以就不能在編譯時(shí)確定with語句塊中的變量到底歸屬哪個(gè)對(duì)象。[with語句塊中的變量是（cl）的屬性

還是上一層變量作用域鏈中的變量。]。只能在執(zhí)行時(shí)才能確定（c1）是Clothes的一個(gè)實(shí)例。這與嚴(yán)格模式有編譯時(shí)就檢查變量是否定義沖突，所以嚴(yán)格模式不會(huì)with語句的使用。

擴(kuò)展：with語句的使用（用來引用某個(gè)特定對(duì)象中已有的屬性，但是不能用來給對(duì)象添加屬性。）

with(object instance)
{
  //代碼塊
}
eg：function Clothes(){
  this.color="red";
  this.size="m";
  this.price="cheap";
}
var c1=new Clothes();
with(c1){
  var str="顏色："+color+"，尺寸："+size+"，價(jià)格："+price;
  document.write(str);
}//結(jié)果(顏色：red，尺寸：m，價(jià)格：cheap)

嚴(yán)格模式中 call apply傳入null undefined保持原樣不被轉(zhuǎn)換為window

總結(jié)

以上所述是小編給大家介紹的Javascript 嚴(yán)格模式use strict詳解，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言小編會(huì)及時(shí)回復(fù)大家的！

您可能感興趣的文章: