JavaScript启用"use strict"模式

JavaScript 严格模式(strict mode)即在严格的条件下运行。
“use strict” 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。它不是一条语句,但是是一个字面量表达式,在 JavaScript 旧版本中会被忽略。
“use strict” 的目的是指定代码在严格条件下执行。严格模式下你不能使用未声明的变量。

支持严格模式的浏览器:
Internet Explorer 10 +、 Firefox 4+ Chrome 13+、 Safari 5.1+、 Opera 12+。

使用方式

严格模式通过在脚本或函数的头部添加 “use strict”; 表达式来声明。

// test.js
"use strict"
function test(){
    // do your action
}

这样的test.js都会应用上”use strict”模式。
如果你仅想在一个函数中使用:

// test.js
function test2(){
    "use strict";
    function inaction(){
          // do your action
    }
}

为什么使用严格模式:

消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;
消除代码运行的一些不安全之处,保证代码运行的安全;
提高编译器效率,增加运行速度;
为未来新版本的Javascript做好铺垫。
“严格模式”体现了Javascript更合理、更安全、更严谨的发展方向,包括IE 10在内的主流浏览器,都已经支持它,许多大项目已经开始全面拥抱它。
另一方面,同样的代码,在”严格模式”中,可能会有不一样的运行结果;一些在”正常模式”下可以运行的语句,在”严格模式”下将不能运行。掌握这些内容,有助于更细致深入地理解Javascript,让你变成一个更好的程序员。

检测点

1.不允许使用未声明的变量

"use strict";
x = 222;                // 报错 (x 未定义)

你现在已经知道忘记在这个变量前面加var了。不过如果你不知道,调试起来是非常痛苦的,因为这个变量是声明在全局上下文(global context)中的,而且可能被其他地方改掉。想象一下,如果你声明了一个全局的 i, 在嵌套循环中可能会引起混乱。

2.不允许删除变量或对象

"use strict";
var x = 222;
delete x;                // 报错(不允许删除变量或对象)

3.检查对象中的重复键

var tests= {
    first: 1,
    second: 2,
    first: 3    //这段代码会抛出一个错误因为 eyeLeft 出现了两次。这比你用眼睛去找错误要快多了。
}

4.重复的参数

function test(element, element){  //注意element出现了两次,因此会抛出一个错误
//do your things
}

5.限制函数中的arguments

var run = function(element){
    arguments[0] = 'fredia';
    alert(element);
}
run('jane');
// alert: 'fredia';

改进后为:

var run = function(element){
    "use strict";
    arguments[0] = 'fredia';
    alert(element);
}
run('jane');
// alert: 'jane';    
//arguments[0] = 'fredia' 改变了参数element,use strict 又节约了你的时间。

6.保留关键字
为了向将来Javascript的新版本过渡,严格模式新增了一些保留关键字:

implements
interface
let
package
private
protected
public
static
yield

7.禁止this关键字指向全局对象

function f(){
    return !this;
} 
// 返回false,因为"this"指向全局对象,"!this"就是false

function f(){ 
    "use strict";
    return !this;
} 
// 返回true,因为严格模式下,this的值为undefined,所以"!this"为true。

因此,使用构造函数时,如果忘了加new,this不再指向全局对象,而是报错。

function f(){
    "use strict";
    this.a = 1;
};
f();                  // 报错,this未定义

8.不允许对只读属性赋值

"use strict";
var obj = {};
Object.defineProperty(obj, "x", {value:0, writable:false});

obj.x = 222;            // 报错

还有许多 “use strict”的特性,这儿就不一一列举了,具体可以看菜鸟学院里面文档:http://www.runoob.com/js/js-strict.html

JS新手,大家多多指导

    原文作者:Fredia_Wang
    原文地址: https://www.jianshu.com/p/4945a19f3109
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞