严格模式

[TOC]

我们都知道在 ES6 中开始引入了严格模式，然后它有一些规则，能让我们在写代码时提早知道代码中出现的错误，以及可能导致编程出错的行为。

使用

在文件的开头或者全局作用域中使用字符串

1	`"use static"`

当然也能在函数内部使用

当 JS 引擎遇到这个语法的时候就会启动这种模式。然后当遇到不支持的浏览器时，解析为一个普通字符串字面量

相关规则

1. 变量

不允许给灭有声明的变量赋值
1
2
3
4
5
// 未声明变量 // 非严格模式创建全局变量 name // 严格模式； ReferenceError: name is not defined name = 'mars';
然后不能用以下这些作为变量名：implements , interface , let, package, private, protected, static, public, yield 这些都时保留字。

2. 对象

为只读属性赋值会抛出错误 TypeError
删除不可配置的属性会报 TypeError
为不可扩展的对象添加属性会 TypeError

3. 函数

在严格模式下参数名必须唯一

// 参数名重名
// 非严格模式没有报错， 但是只能访问第二个参数，如果想访问第一个参数，需要用 arguemenets 对象 arguements[0]
// 严格模式： 报错 Duplicate parameter name not allowed in this context
function func(name, name) {
  console.log(name);
}
func('mars')

严格模式下的 arguements 对象的表象也有所不同

function func(name, age) {
  name = 'zht',
  arguments[1] = 19;
  console.log(arguments[0]);  // 严格： mars ； 非严格： zht
  console.log(age);   // 严格: 18, 非严格： 19
}
func('mars', 18);

也就是严格模式下，arguements 对象跟命名参数完全独立，互不影响，但是非严格模式下，他们相互影响？

淘汰了 arguments.callee 和 arguments.caller , 在非严格模式下一个引用函数本身，一个调用函数。严格模式下抛出 TypeError。

红宝书上的 阶乘递归很经典的用法

// arguements 相关属性不能访问
  // 严格模式下： 
  // 报错：TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them
  // 非严格模式下：120
  function factorial(num) {
    if (num <=1) {
      return 1;
    }
    return num * arguments.callee(num -1);
  }
  factorial(5);

在if 条件语句中声明函数的问题需要自己去找一下

4. eval()

不在 eval( )包含的上下文中创建变量或者函数

//  在 eval 中定义 变量
// 严格模式下  x未定义
//  非严格模式:  x = 10;
function func () {
  eval('var x = 10');
  console.log(x);
}
func();

//  在 eval 中声明的变量或者函数 只能在特殊作用域中有用
// 严格模式： result  = 10
// 非严格模式  result = 10
function func () {
  var result = eval('var x = 10; x');
  console.log(result);
}
func();

5. eval 和 arguments

eval argument 已经不能用作标识

6. 抑制 this

我们都知道在 call 和bind中如果不指定 this 或者为 null , undefined this 会被转化为全局对象 window

// this 指向
// 严格模式： 因为 此时 this 为 null 所以访问 null 的属性的时候， 报错
// 非严格模式： this 指向为  window  
var name = 'mars';
function foo () {
  console.log(this.name)
}
foo.call(null);

7. 不常见的

with 语句被抛弃

将代码的作用域设置到一个特定的对象中

var name = person.name;
var age = person.age;
var hobby = person.hobby;
// 使用 with
with(person) {
  var name = name;
  var age = age;
  var hobby =  hobby;
}

这种查找方式会类似原型链查找，先在局部作用域中找相关属性，没找到去 person 对象中找

大量使用with 会导致性能下降，虽然能简化多次编写同一个对像工作。当然现在有解构赋值了。

去掉了八进制字面量

1
2
3

//  严格模式 Octal literals are not allowed in strict mode.  
// 非严格 模式： age = 18
var age = 022;