# 啟用嚴格模式
啟用嚴格模式很簡單,只要在代碼中添加如下代碼即可:
```
"use strict";
```
# 為什么要用嚴格模式
隨著JavaScript的發展,開發者及規范制定者也意識到了JavaScript語言本身的一些設計缺陷,所以在ECMAScript5中引入了嚴格模式。設立嚴格模式的目的主要是為了消除JavaScript語法上不合理的地方,從而提高代碼安全性、編譯效率,增加運行速度且更好地兼容JavaScript未來的新版本等。
具體來說,嚴格模式主要是針對如下不合理的地方作了改進,包括:
禁用with關鍵字、防止意外地全局變量、函數中的this不再默認指向全局、防止函數參數重名、防止對象屬性重名、更安全地使用eval等。具體可以參考mozilla網站上的詳細介紹。
在嚴格模式中針對一些編碼的格式進行了限制。有些在普通模式下不會報錯的代碼,在嚴格模式中可能就會出現運行錯誤。這種顯式拋出錯誤的方式比以怪異方式運行代碼能更早地發現問題。
嚴格模式目前已經得到了除IE8之外的大部分主流瀏覽器的支持,所以推薦在代碼中使用。
在不支持嚴格模式的瀏覽器中,如下代碼會被當作普通的語句運行,不會產生副作用:
```
<script>
"use strict";
console.log("這是嚴格模式。");
</script>
<script>
console.log("這是正常模式。");
</script>
```
下面介紹在使用嚴格模式時需要遵循的幾條最佳實踐。
## 1. 不要在全局中啟用嚴格模式
若全局設置嚴格模式,將意味著代碼文件中所有的代碼都必須遵守嚴格模式。除非所有的代碼都是自己維護,否則這么做會帶來風險,因為不能保證其他人維護的代碼也是符合嚴格模式的。比如如下的代碼中,在代碼文件設置了全局嚴格模式,應該避免這樣的設置方式。
```
"use strict";
function doSomething() {
// 這部分代碼會運行于嚴格模式
}
function doSomethingElse() {
// 這部分代碼也會運行于嚴格模式
}
```
即使是其他人維護的代碼在不同的文件中也不建議這么做,因為很難保證發布時候代碼不會合并,所以盡量把嚴格模式限定在函數作用域范圍內。類似如下的設置方式:
```
function doSomething() {
"use strict";
// 這個函數中的代碼將會運行于嚴格模式
}
function doSomethingElse() {
// 這個函數中代碼不會運行于嚴格模式
}
```
如果想給大量的代碼設置嚴格模式,可以把代碼包含在一個立即執行的函數內,并在函數開頭啟用嚴格模式,示例代碼如下:
```
(function (){
"use strict";
// 其他代碼
})();
```
## 2. 在已有代碼中謹慎啟用嚴格模式
如果代碼中還包含有不符合嚴格模式的代碼,則啟用嚴格模式會產生風險,因為有可能會導致代碼運行錯誤,頁面無法正常展示和交互。在已有代碼中啟用嚴格模式要和代碼的重構一樣受到重視——必須有足夠的代碼檢查和測試,確保每一行代碼都可以正常運行。
盡管使用嚴格模式有如上這些的風險,但是只要使用得當,嚴格模式可以幫助開發者盡早發現一些潛在的問題。所以推薦在編寫JavaScript代碼時啟用嚴格模式。
- javascript封裝
- jquery封裝
- layui封裝
- 基本知識
- 匿名函數
- 嚴格模式
- 代碼規范工具
- 使用JSHint和JSLint
- 構建
- Grunt
- gulp
- Gulp使用入門操作十一步壓縮JS
- 注意
- 初級
- 中級
- 高級
- 將es6代碼轉成es5
- 我常用的
- 報錯處理
- 《編寫可維護的Javascript》
- 第1章:基本的格式化
- 縮進層級
- 語句結尾
- 行的長度
- 換行
- 空行
- 命名
- 變量和函數
- 常量
- 構造函數
- 直接量
- 第2章:注釋
- 單行注釋
- 多行注釋
- 使用注釋
- 文檔注釋
- 第3章:語句和表達式
- 花括號的對齊方式
- 塊語句間隔
- switch語句
- 第4章:變量函數運算符
- 變量聲明
- 函數聲明
- 函數調用間隔
- 立即調用函數
- 嚴格的模式
- 相等
- 第5章:UI的松耦合
- 什么是松耦合
- 將javascript從css中抽離
- 將css從javascript中抽離
- 將javascript從html中抽離
- 將html從javascript中抽離
- 第6章:避免使用全局變量
- 全局變量帶來的問題
- 意外的全局變量
- 單全局變量方式
- 零全局變量
- 第7章:事件處理
- 典型用法
- 規則1:隔離應用邏輯
- 規則2:不要分發事件對象
- 第8章:避免“空比較”
- 檢測原始值
- 檢測應用值
- 檢測屬性
- 第9章:將配置數據從代碼中分離出來
- 什么是配置數據
- 抽離配置數據
- 保存配置數據
- 第10章:拋出自定義錯誤
- 錯誤的本質
- 在javascript拋出錯誤
- 拋出錯誤的好處
- 何時拋出錯誤
- try-catch語句
- 錯誤類型
- 第11章:不是你的對象不要動
- 什么是你的
- 原則
- 更好的途徑
- 關于Polyfill的注釋
- 阻止修改
- 第12章:瀏覽器嗅探
- User-Agent嗅探
- 特性檢測
- 避免特性推斷
- 避免瀏覽器推斷
- 應當如何取舍
- 第13章:目錄和文件結構
- 最佳實踐
- 基本結構
- 第14章:Ant
- 安裝
- 配置文件
- 執行構建
- 目標操作的依賴
- 屬性
- Buildr項目
- 第15章:校驗
- 查找文件
- 任務
- 增強的目標操作
- 其他方面的改進
- Buidr任務
- 第16章:文件的合并與加工
- 任務1
- 行尾結束符
- 文件頭和文件尾
- 加工文件
- 第17章:文件的精簡與壓縮
- 文件精簡
- 壓縮
- 第18章:文檔化
- JSDoc Toolkit
- YUI DOC
- 第19章:自動化測試
- YUI Test Selenium引擎
- Yeti
- PhantomJS
- JsTestDriver
- 第20章:組裝到一起
- Javascript編碼風格指南