Javascript教程use strict嚴格模式詳解

嚴格模式：由ECMA-262規格定義的JavaScript標準，對javascrip的限制更強。這篇文章主要介紹了Javascript 嚴格模式use strict詳解 ,需要的朋友可以參考下

#嚴格模式：由ECMA-262規範定義的JavaScript標準，對javascrip的限制更強。

（非嚴格的模式，被稱為「馬虎模式/稀鬆模式/懶散模式」。）

一、嚴格模式的使用

嚴格模式可以在腳本或函數層級實現。 （即全域和局部模式）

1.全域

在js檔案的最前面加上    "use strict"

2.局部

#在函數內部新增   "use strict",如下

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

二、嚴格模式與非嚴格模式的比較

#1.嚴格模式下,無法刪除(delete)變數（delete是不合格的標識符)）。非嚴格模式下會刪除失敗回傳false

"use strict";
var x;
delete x;//报错Delete of an unqualified identifier in strict mode.（不合格的标识符）

2. 嚴格模式中，函數形參存在同名的，拋出錯誤；非嚴格模式不會

嚴格模式下

function fn(a,a){
 "use strict";
  result=a+a;
  console.log(result);
}
fn(2,4);//Duplicate parameter name not allowed in this context(重复的参数名称在此上下文中不允许)

非嚴格模式下

function fn1(a,a){
  "use strict";
  result=a+a;
  console.log(result);
}
fn1(2,4);//结果为8

3.嚴格模式不允許八進位整數直接量（如下）。非嚴格模式下不會報錯。

"use strict"
var x=089;
console.log(x);//报错：Decimals with leading zeros are not allowed in strict mode.

4.嚴格模式中，arguments物件是傳入函數內實參清單的靜態副本（即不再追蹤參數的變化）；非嚴格模式下， arguments物件裡的元素和對應的實參是指向同一個值的引用。

嚴格模式下

fn(5);
function fn(a){
  "use strict";
  a = 42;
  // return a==arguments[0];//返回false
  console.log(a);//结果为42
  console.log(arguments[0]);//结果为5,严格模式下arguments[0]表示这个调用方法的第一个参数     (不再追踪  参数的变化，在函数内部，参数a被重新赋值为42，但arguments[0]仍然为5.)
}

非嚴格模式下

fn(5);
function fn(a){
  a = 42;
  // return a==arguments[0];//返回true
  console.log(a);//结果为42
  console.log(arguments[0]);//结果为42(追踪参数变化)

}

5.嚴格模式中eval和arguments當做關鍵字，它們不能被賦值和用作變數宣告

"use strict";
var eval=3;//报错：Unexpected eval or arguments in strict mode
var argument=6；//同样报错

6.嚴格模式會限制對呼叫堆疊的偵測能力，存取arguments.callee， arguments.callee.caller會拋出例外

嚴格模式下：

#

"use strict";
function fn(n){
  if(n==0){
    return 1;
  }else{
    return n*arguments.callee(n-1);
  }
}
console.log(fn(5));//报错

非嚴格模式下：

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

caller：當一個函數呼叫另一個函數時，被呼叫函數會自動產生一個caller屬性，指向呼叫它的函數物件。如果函數目前未被調用，或並非被其他函數調用，

則caller為null。如下：

嚴格模式下：

##

"use strict"
function fn1() {
  var n1= fn1.caller;
  console.log(n1);
}
function fn2() {
  fn1();
}
fn2();//报错

非嚴格模式下：

function fn1() {
  var n1= fn1.caller;//此例中caller指向调用它的函数（fn2）
  console.log(n1);
}
function fn2() {
  fn1();
}
fn2();// 结果打印出：function fn2(){ fn1( ) };

7 .嚴格模式變數必須先聲明，直接給變數賦值，不會隱式創建全域變量，不能用with。

嚴格模式下

"use strict"；
with（obj）{
  x；
}//报错：Strict mode code may not include a with statement

解釋：道運行腳本時，首先是編譯，然後再執行。顯然在編譯的時候，所以就不能在編譯時確定with語句區塊中的變數到底歸屬哪個物件。 [with語句區塊中的變數是（cl）的屬性

還是上一層變數作用域鏈中的變數。 ]。只能在執行時才能確定（c1）是Clothes的一個實例。這與嚴格模式有編譯時就檢查變數是否定義衝突，所以嚴格模式不會with語句的使用。

擴充：with語句的使用（用來引用某個特定物件中已有的屬性，但不能用來為物件新增屬性。）

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+"，价格："+price;
  document.write(str);
}//结果(颜色：red，尺寸：m，价格：cheap)

嚴格模式中call apply傳入null undefined保持原樣不被轉換為window

以上是Javascript教程use strict嚴格模式詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！