百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> 详解Javascript严厉模式
分享文章到:

详解Javascript严厉模式

发布时间:09/01 来源:未知 浏览: 关键词:

【相关学习引荐:javascript学习教程】

除了正常运转模式,ECMAscript 5增加了第二种运转模式:“严厉模式”(strict mode)。望文生义,这种模式使得Javascript在更严厉的前提下运转。

设立”严厉模式”的目的,主要有以下几个:

– 消弭Javascript语法的一些不合理、不严谨之处,减少一些怪异行动;

– 消弭代码运转的一些不平安之处,包管代码运转的平安;

– 提高编译器效力,增添运转速度;

– 为将来新版本的Javascript做好铺垫。

“严厉模式”表现了Javascript更合理、更平安、更严谨的开展标的目的,包罗IE 10在内的主流阅读器,都已经支撑它,很多大项目已经开端全面拥抱它。

另一方面,一样的代码,在”严厉模式”中,大概会有不一样的运转结果;一些在”正常模式”下可以运转的语句,在”严厉模式”下将不克不及运转。把握这些内容,有助于更详细深入地懂得Javascript,让你变成一个更好的程序员。

本文将对”严厉模式”做具体介绍。

二、进入标记

进入”严厉模式”的标记,是下面这行语句:

  "use strict";

老版本的阅读器会把它当作一行一般字符串,加以忽略。

三、怎样调取

“严厉模式”有两种调取办法,适用于不一样的场合。

3.1 针对整个足本文件

将”use strict”放在足本文件的第一行,则整个足本都将以”严厉模式”运转。假如这行语句不在第一行,则无效,整个足本以”正常模式”运转。假如不一样模式的代码文件合并成一个文件,这一点需要特殊留意。

(严厉地说,只要前面不是发生实际运转结果的语句,”use strict”可以不在第一行,比方直接跟在一个空的分号后面。)

<script>
"use strict";
console.log("这是严厉模式。");
</script>

<script>
console.log("这是正常模式。");kly, it's almost 2 years ago now. I can admit it now - I run it on my school's network that has about 50 computers.
</script>

上面的代码表示,一个网页中顺次有两段Javascript代码。前一个script标签是严厉模式,后一个不是。

3.2 针对单个函数

将”use strict”放在函数体的第一行,则整个函数以”严厉模式”运转。

function strict(){
"use strict";
return "这是严厉模式。";
}

function notStrict() {
return "这是正常模式。";
}

3.3 足本文件的变通写法

由于第一种调取办法不利于文件合并,所以更好的做法是,借用第二种办法,将整个足本文件放在一个马上施行的匿名函数之中。

(function (){

"use strict";

// some code here

})();

四、语法和行动改动

严厉模式对Javascript的语法和行动,都做了一些改动。

4.1 全局变量显式声明

在正常模式中,假如一个变量没有声明就赋值,默许是全局变量。严厉模式制止这种用途,全局变量必需显式声明。

"use strict";

v = 1; // 报错,v未声明

for(i = 0; i < 2; i++) { // 报错,i未声明
}

因此,严厉模式下,变量都必需先用var命令声明,然后再使用。

4.2 静态绑定

Javascript说话的一个特点,就是同意”动态绑定”,即某些属性和办法到底属于哪一个对象,不是在编译时肯定的,而是在运转时(runtime)肯定的。

严厉模式对动态绑定做了一些限制。某些状况下,只同意静态绑定。也就是说,属性和办法到底归属哪个对象,在编译阶段就肯定。这样做有益于编译效力的提高,也使得代码更容易阅读,更少显现不测。

详细来说,触及以下几个方面。

(1)制止使用with语句

由于with语句没法在编译时就肯定,属性到底归属哪个对象。

"use strict";

var v = 1;

with (o){ // 语法错误
v = 2;
}

(2)创设eval作用域

正常模式下,Javascript说话有两种变量作用域(scope):全局作用域和函数作用域。严厉模式创设了第三种作用域:eval作用域。

正常模式下,eval语句的作用域,取决于它处于全局作用域,还是处于函数作用域。严厉模式下,eval语句本身就是一个作用域,不再能够生成全局变量了,它所生成的变量只能用于eval内部。

"use strict";

var x = 2;

console.info(eval("var x = 5; x")); // 5

console.info(x); // 2

4.3 增强的平安办法

(1)制止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不决义

(2)制止在函数内部遍历调取栈

function f1(){

"use strict";

f1.caller; // 报错

f1.arguments; // 报错

}

f1();

4.4 制止删除变量

严厉模式下没法删除变量。只要configurable设定为true的对象属性,才能被删除。

"use strict";

var x;

delete x; // 语法错误

var o = Object.create(null, {'x': {
value: 1,
configurable: true
}});

delete o.x; // 删除成功

4.5 显式报错

正常模式下,对一个对象的只读属性停止赋值,不会报错,只会默默地失败。严厉模式下,将报错。

"use strict";

var o = {};

Object.defineProperty(o, "v", { value: 1, writable: false });

o.v = 2; // 报错

严厉模式下,对一个使用getter办法读取的属性停止赋值,会报错。

"use strict";

var o = {

get v() { return 1; }

};

o.v = 2; // 报错

严厉模式下,对制止扩展的对象增加新属性,会报错。

"use strict";

var o = {};

Object.preventExtensions(o);

o.v = 1; // 报错

严厉模式下,删除一个不成删除的属性,会报错。

"use strict";

delete Object.prototype; // 报错

4.6 重名错误

严厉模式新增了一些语法错误。

(1)对象不克不及有重名的属性

正常模式下,假如对象有多个重名属性,最后赋值的阿谁属性会覆盖前面的值。严厉模式下,这属于语法错误。

"use strict";

var o = {
p: 1,
p: 2
}; // 语法错误

(2)函数不克不及有重名的参数

正常模式下,假如函数有多个重名的参数,可以用arguments[i]读取。严厉模式下,这属于语法错误。

"use strict";

function f(a, a, b) { // 语法错误

return ;

}

4.7 制止八进制表示法

正常模式下,整数的第一位假如是0,表示这是八进制数,比方0100等于十进制的64。严厉模式制止这种表示法,整数第一位为0,将报错。

"use strict";

var n = 0100; // 语法错误

4.8 arguments对象的限制

arguments是函数的参数对象,严厉模式对它的使用做了限制。

(1)不同意对arguments赋值

"use strict";

arguments++; // 语法错误

var obj = { set p(arguments) { } }; // 语法错误

try { } catch (arguments) { } // 语法错误

function arguments() { } // 语法错误

var f = new Function("arguments", "'use strict'; return 17;"); // 语法错误

(2)arguments不再追踪参数的转变

  function f(a) {

a = 2;

return [a, arguments[0]];

}

f(1); // 正常模式为[2,2]

function f(a) {

"use strict";

a = 2;

return [a, arguments[0]];

}

f(1); // 严厉模式为[2,1]

(3)制止使用arguments.callee

这意味着,你没法在匿名函数内部调取本身了。

"use strict";

var f = function() { return arguments.callee; };

f(); // 报错

4.9 函数必需声明在顶层

未来Javascript的新版本会引入”块级作用域”。为了与新版本接轨,严厉模式只同意在全局作用域或函数作用域的顶层声明函数。也就是说,不同意在非函数的代码块内声明函数。

"use strict";

if (true) {

function f() { } // 语法错误

}

for (var i = 0; i < 5; i++) {

function f2() { } // 语法错误

}

4.10 保存字

为了向未来Javascript的新版本过渡,严厉模式新增了一些保存字:implements, interface, let, package, private, protected, public, static, yield。

使用这些词作为变量名将会报错。

function package(protected) { // 语法错误

"use strict";

var implements; // 语法错误

}

此外,ECMAscript第五版本身还规定了另一些保存字(class, enum, export, extends, import, super),乃至各大阅读器自行增添的const保存字,也是不克不及作为变量名的。

相关引荐:编程视频课程

以上就是详解Javascript严厉模式的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有160人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板