ES5严格模式

作者: 深度剖析JavaScript | 来源:发表于2020-08-14 06:32 被阅读0次

ES5和ES6
2018-09-29
ES5、ES6、ES7
4-1
ES5 ES6
2018-12-15
ES5
Es5
ES5-6-7学习
严格模式的限制

除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。

为什么提出严格模式

消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;
消除代码运行的一些不安全之处，保证代码运行的安全；
提高编译器效率，增加运行速度；
为未来新版本的Javascript做好铺垫。

"严格模式"体现了Javascript更合理、更安全、更严谨的发展方向，包括IE 10在内的主流浏览器，都已经支持它，许多大项目已经开始全面拥抱它。
另一方面，同样的代码，在"严格模式"中，可能会有不一样的运行结果；一些在"正常模式"下可以运行的语句，在"严格模式"下将不能运行。所以有必要知道里面具体有哪些要求！

首先，如何启用严格模式

使用use strict这条语句即可

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

需要注意的是，严格模式的声明必须放在脚本的第一行，否则整个脚本将会以正常模式运行。

除了这种全局的严格模式，还可以声明在函数里面，即局部的严格模式，很多时候局部的严格模式还比较常见。
注意：在函数里面声明严格模式，严格模式只对此函数内的代码起作用

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

接下来我们一一介绍严格模式都做了哪些规范：

变量必须先声明后使用
不存在暗示全局变量这种东西了

<script>
  "use strict";
  a = 1; //报错
</script>

函数参数不能有同名属性，否则报错
正常模式下，如果函数有多个重名的参数，可以用arguments[i]读取。严格模式下，这属于语法错误。

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

不能使用with
with用于改变代码块内的的作用域，将其设置为某个对象

function Lakers() {
    this.name = "kobe bryant";
    this.age = "28";
    this.gender = "boy";
}
var people=new Lakers();
with(people){
    var str = "姓名: " + name + "<br>";  //直接使用了people对象中的name属性
    str += "年龄：" + age + "<br>";
    str += "性别：" + gender;
    document.write(str); 
}

不能使用arguments.callee
callee是arguments的一个属性，用于返回正在执行的函数本身的引用

function fn(num){
  if(num<=1){
    return 1;
  }else{
    return num*arguments.callee(num-1);
  }
 }

不能使用fn.caller和fn.arguments获取函数调用的堆栈
caller是函数上面的一个属性，保存着调用当前的函数的函数引用，如果是全局作用于中调用当前的函数就返回null

function testFunc() {
  'use strict';
  console.log(testFunc.caller);  //Uncaught TypeError: ...
  console.log(testFunc.arguments); //Uncaught TypeError: ...
} 
function main() {
  testFunc();
} 
main();

新增一些保留字
ES5本质上来讲只是一个语言优化的过渡，约束了晦涩和不安全的语法，为以后的高级语法铺平道路。所以在ES5中新增了一些保留字，严格模式下，不能使用他们作为变量名或参数名，包括：
implements, interface, let, package, private, protected, public, static, yield
禁止this指向全局对象
在严格模式中，this不被允许指向全局，如果运行时试图指向全局，this将会变为undefined

'use strict'; 
var func = function() {
  return this;
}; 
console.log(func() === undefined);  //true

arguments不再追踪参数变化
常规模式下，在执行函数时如果我们更改参数的值，操作结果会立即映射到arguments对象中，更改arguments对象中的值，也会立即映射到参数上！
严格模式约束了这种行为，将arguments对象与参数分离，更改只会影响自己，不会对彼此都产生影响

'use strict';
var fn = function(a, b, c) {
  a = 10;
  console.log(arguments[0]); // 1
  
  arguments[1] = 20;
  console.log(b);            // 2
};
 
fn(1, 2, 3);

eval不会在它的外层作用域引入变量(强制为eval创建新作用域)
常规模式下，使用eval函数可能会影响当前作用域或全局作用域，给程序的运行结果带来不确定性，严格模式为JavaScript程序创建了第三种作用域：eval作用域。eval函数中的字符串只能在eval作用域内运行，所以严格模式下执行eval函数不会对当前作用域产生作用

'use strict';
eval("var a = 1;");
console.log(a); //Uncaught ReferenceError: a is not defined
 
//or
 
eval("'use strict'; var b = 3;");
console.log(b); //Uncaught ReferenceError: b is not defined

eval和arguments不能被重新赋值
常规模式下的JavaScript的随意性较大，eval和arguments可以有很多稀奇古怪的用法，程序虽然可以运行，但这给代码的可读性、可维护性也带来了一些问题。所以严格模式禁止对eval和arguments做非法操作
禁止使用前缀数字零：0表示八进制数，否则报错
非严格模式下：

var num1=070;        //八进制的56
var num2=079;        //无效的八进制数值，解析为79
var num3=08;        //无效的八进制数值，解析为8

另外，ES6已经支持新的语法标准，八进制以0o来表示，这样一来就与16进制的0x形成统一的语法格式：

'use strict';
var a = 017;  //Uncaught SyntaxError: ... 
var b = 0o17; //ES6 Octal syntax: 8 + 7 = 15

禁止对象属性重名
非严格模式重复的属性，后定义的会覆盖先定义的。严格模式下会报错
函数必须声明在整个脚本或函数层面
严格模式禁止在语句块中声明函数，因为当调用该函数是，会报错。

'use strict';
if (true) {
  function doSomething() {
    console.log('1');
  }
} else {
  function doSomething() {
    console.log('2');
  }
}
 
for (var i = 0; i < 5; i++) {
  function doSomething() {
    console.log('3');
  }
}
 
doSomething();  //Uncaught ReferenceError: doSomething is not defined