【JS脚丫系列】严格模式"use strict";

时间 2020-02-08

标签 JS脚丫系列严格模式 use strict 栏目 JavaScript 繁體版

原文原文链接

【JS脚丫系列】严格模式"use strict";面试

学习就比如是座大山，人们沿着不一样的路爬山，分享着本身看到的风景。你不必定能看到别人看到的风景，体会到别人的心情。只有本身去爬山，才能看到不同的风景，体会才更加深入。
点击上面的“赞”，你的支持是我最大的动力。segmentfault

【01】严格模式"use strict";浏览器

内容来源于网络和我所阅读过书籍。安全

【JS脚丫系列】网络

概念

严格模式（strict mode）。闭包

【01】ES5引入。app

【02】Javascript语言的一个特色，就是容许"动态绑定"，即某些属性和方法到底属于哪个对象，不是在编译时肯定的，而是在运行时（runtime）肯定的。函数

严格模式对动态绑定作了一些限制。学习

某些状况下，只容许静态绑定。也就是说，属性和方法到底归属哪一个对象，在编译阶段就肯定。这样作有利于编译效率的提升，也使得代码更容易阅读，更少出现意外。测试

Q：如何开启严格模式？

把如下代码放在一个 JavaScript文件或函数的起始位置（第一行）时，才能够开启严格模式。

(严格地说，只要前面不是产生实际运行结果的语句，"use strict"能够不在第一行，好比直接跟在一个空的分号后面。)

将"use strict"放在函数体的第一行，则整个函数以"严格模式"运行。

"use strict";

不然 - 在 JavaScript 文件的不是文件开头也不是函数开始的部位声明的话 - 就是一个不使用的通常的字符串，除了浪费几个字节，没什么别的用处。

这行代码看起来像是字符串，并且也没有赋值给任何变量，但其实它是一个编译指示（pragma），用于告诉支持的JS引擎切换到严格模式。

这是为不破坏ES3语法而特地选定的语法。

这是一条指令。指令不是语句（但很是接近于语句）。

它不包含任何语言的关键字，指令仅仅是一个包含一个特殊字符串直接量的表达式（能够是使用单引号也可使用双引号），对于那些没有实现ES5的JS解释器来讲，它只是一条没有反作用的表达式语句，它什么也没作。

这种语法（从ES3开始支持）能够向后兼容那些不支持严格模式的JavaScript引擎。支持严格模式的引擎会启动这种模式，而不支持该模式的引擎就当遇到了一个未赋值的字符串字面量，会忽略这个编译指示。

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

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

指令摆放位置：

推荐在全部的函数 (或者全部最外层函数) 的开始处加入 "use strict"; 指令启动严格模式，而毫不推荐在文件的开头处写全局 "use strict" - 相反，这时一些 ES 校验器会给出警告。

全局 "use strict" 为何很差?

一个重要的缘由就是文件合并时，一些文件用了严格模式，而另外一些没有。这时这些原本是严格模式的文件，被 merge 后，这个串就到了文件的中间，不只没有指示严格模式，反而在压缩后浪费了字节。

【】在函数内部的上方包含这条编译指示，能够指定函数在严格模式下执行。

就像下面这样：

function doSomething(){
    "use strict";

    //其余代码
}

脚本文件的变通写法

由于第一种调用方法不利于文件合并，因此更好的作法是，借用第二种方法，将整个脚本文件放在一个当即执行的匿名函数之中。

(function (){
    "use strict";
    // some code here
})();

严格模式的做用：

严格模式为JS定义了一种不一样的解析与执行模型。

在严格模式下，ES3中的一些不肯定的行为将获得处理，并且对某些不安全的操做也会抛出错误。

ES5中的严格模式是该语言的一个受限制的子集，它修正了语言的重要缺陷，并提供健壮的查错功能和加强的安全机制。

提升编译器效率，增长运行速度；

浏览器支持

支持严格模式的浏览器包括IE10+、Firefox 4+、Safari 5.1+、Opera 12+和Chrome。

判断是不是严格模式

调用的函数（不是方法）中的一个this值是undefined。（在非严格模式中，调用的函数中的this值老是全局对象）。能够利用这种特性来判断JavaScript实现是否支持严格模式：

var hasStrictMode = (function () {
    "use strict";
    return this === undefined
}());

在严格模式中的规则：

禁止使用with语句

在严格模式下使用with会致使语法错误。

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

"use strict";
var v = 1;
with (o){ // 语法错误
　　v = 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

禁止使用0开头的八进制直接量

不容许使用八进制整数直接量（以0为前缀，而不是0x为前缀）的。

（在非严格模式中某些实现是容许八进制整数直接量的）。

正常模式下，整数的第一位若是是0，表示这是八进制数，好比0100等于十进制的64。

严格模式禁止这种表示法，整数第一位为0，将报错。

"use strict";
var n = 0100; // 语法错误

ES5也修改了严格模式下parseInt()的行为。现在，八进制字面量在严格模式下会被看成以0开头的十进制字面量。例如：

//使用parseInt()解析八进制字面量
//非严格模式:值为8
//严格模式:值为10
var value = parseInt("010");

保留字/关键字

为了向未来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保留字，也是不能做为变量名的。

标识符eval和arguments当作关键字，它们的值是不能更改的。不能给这些标识符赋值，也不能把它们声明为变量、用作函数名、用作函数参数或用作catch块的标识符。

不能将它们用做标识符，意味着如下几种使用方式都会抛出语法错误：

使用var声明；
赋予另外一个值；
尝试修改包含的值，如使用++；
用做函数名；
用做命名的函数参数；
在try-catch语句中用做例外名。

例如：

//把eval和arguments做为变量引用
//非严格模式:没问题，不出错
//严格模式:抛出语法错误
var eval = 10;
var arguments = "Hello world!";

delete删除非法标识符

当delete运算符后跟随非法的标识符（好比变量、函数、函数参数）时，将会抛出一个语法错误异常。

（在非严格模式中，这种delete表达式什么也没作，并返回false）。

全局变量显式声明

全部的变量都要先声明，若是给一个未声明的变量、函数、函数参数、catch从句参数或全局对象的属性赋值，将会抛出一个引用错误ReferenceError异常。

（在非严格模式中，这种隐式声明的全局变量的方法是给全局对象新添加一个新属性）。

在正常模式中，若是一个变量没有声明就赋值，默认是全局变量。

严格模式禁止这种用法，全局变量必须显式声明。

"use strict";

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

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

　　}

所以，严格模式下，变量都必须先用var命令声明，而后再使用。

在非严格模式下，能够像下面这样建立全局变量：

//未声明变量
//非严格模式:建立全局变量
//严格模式:抛出ReferenceError
message = "Hello world! ";

即便message前面没有var关键字，即便没有将它定义为某个全局对象的属性，也能将message建立为全局变量。但在严格模式下，若是给一个没有声明的变量赋值，那代码在执行时就会抛出ReferenceError。

【】测试结果为：

arguments对象的限制

arguments是函数的参数对象，严格模式对它的使用作了限制。

不容许对arguments赋值

"use strict";
arguments++; // 语法错误
var obj = { set p(arguments) { } }; // 语法错误
try { } catch (arguments) { } // 语法错误
function arguments() { } // 语法错误
var f = new Function("arguments", "'use strict'; return 17;"); // 语法错误

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]

例如：

//修改命名参数的值
//非严格模式:修改会反映到arguments中
//严格模式:修改不会反映到arguments中

function showValue(value){
    value = "Foo"; 
    alert(value);        //"Foo"
    alert(arguments[0]); //非严格模式:"Foo"
                         //严格模式:"Hi"
}

showValue("Hi");

禁止使用arguments.callee

这意味着，你没法在匿名函数内部调用自身了。

"use strict";
var f = function() { return arguments.callee; };
f(); // 报错

重名错误

对象不能有重名的属性

正常模式下，若是对象有多个重名属性，最后赋值的那个属性会覆盖前面的值。严格模式下，这属于语法错误。

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

函数不能有重名的参数

正常模式下，若是函数有多个重名的参数，能够用arguments[i]读取。严格模式下，这属于语法错误。

"use strict";
function f(a, a, b) { // 语法错误
    return ;
}

显式报错

正常模式下，对一个对象的只读属性进行赋值，不会报错，只会默默地失败。

为不可扩展的（nonextensible）的对象添加属性会抛出TypeError。

严格模式下，将报错。

"use strict";
var o = {};
Object.defineProperty(o, "v", { value: 1, writable: false });
o.v = 2; // 报错

严格模式下，对一个使用getter方法读取的属性进行赋值，会报错。为只读属性赋值会抛出TypeError；

"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; // 报错

禁止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未定义

call和apply中的this

当经过call()或apply()来调用函数时，其中的this值就是经过call()或apply()传入的第一个参数。

在非严格模式下使用函数的apply()或call()方法时，null或undefined值会被转换为全局对象。

而在严格模式下，函数的this值始终是指定的值，不管指定的是什么值。

例如：

//访问属性
//非严格模式:访问全局属性
//严格模式:抛出错误，由于this的值为null

var color = "red";

function displayColor(){
    alert(this.color);
} 

displayColor.call(null);

在Non-strict Mode，若是上下文的值是原始的（primitive），好比数字 1，那它将会被转换成一个对象，一个Number对象。

而在strict mode ，这个原始的值 1，将会被保留。
Non-strict Mode:

console.log(function () {
    return this;
}.call(1));

//=Number {}

Strict Mode:

console.log(function () {
    "use strict";
    return this;
}.call(1));
//=1

没法删除不可配置的变量

试图删除一个不可配置的属性将抛出一个类型错误异常（在非严格模式中，delete表达式操做失败，并返回false）。

只有configurable设置为true的对象属性，才能被删除。

"use strict";var x;delete x; 
// 语法错误
var o = Object.create(null, 'x', {    value: 1,    configurable: true});
delete o.x; // 删除成功

禁止在函数内部遍历调用栈

arguments.caller和arguments.callee都会抛出一个类型错误异常。

函数具备caller和arguments属性，当访问这两个属性时将抛出类型错误异常。

function f1(){    
"use strict";   
 f1.caller; // 报错 
   f1.arguments; // 报错}f1();

函数必须声明在顶层

Javascript的新版本会引入”块级做用域”。

为了与新版本接轨，严格模式只容许在全局做用域或函数做用域的顶层声明函数。

也就是说，不容许在非函数的代码块内声明函数。

"use strict";
if (true) {
    function f() { } // 语法错误
}
for (var i = 0; i < 5; i++) {
    function f2() { } // 语法错误
}

在非严格模式下，以上代码能在全部浏览器中运行，但在严格模式下会致使语法错误。