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新手,大家多多指导

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 官方中文版原文链接 感谢社区中各位的大力支持,译者再次奉上一点点福利:阿里云产品券,享受所有官网优惠,并抽取幸运大...
    HetfieldJoe阅读 4,022评论 12 65
  • 转自:脚本之家 转载 时间:2016-09-24我要评论 在 JavaScript 的严格模式下,对 JavaSc...
    Michael_林阅读 425评论 1 1
  • 一、概述 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。...
    Bruce_zhuan阅读 362评论 0 6
  • Node.js是目前非常火热的技术,但是它的诞生经历却很奇特。 众所周知,在Netscape设计出JavaScri...
    w_zhuan阅读 3,644评论 2 41
  • 想把去过的城市 走过的路 吃过的美食 悉数讲给你 以为这样人生的每次经历中都有你
    九九而已阅读 128评论 0 0