首頁 > web前端 > js教程 > Javascript教程use strict嚴格模式詳解

Javascript教程use strict嚴格模式詳解

巴扎黑
發布: 2017-09-18 09:25:59
原創
1761 人瀏覽過

嚴格模式:由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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板