JS严格模式

JS严格模式

严格模式很好理解，是一种具有限制性的JavaScript模式，从而使代码隐式的脱离了 ”懒散（sloppy）模式“；

如何开启严格模式

在js文件的第一行 "use strict"

(特定函数严格模式）在函数的作用域内部单独开启严格模式，仅仅对这个函数的内部生效
function fn() {
  "use strict";
}

严格模式限制了什么?

1.禁止意外创建全局变量

/ 1. 禁止意外创建全局变量,
message = "Hello World"
// 在严格模式下这种未定义就赋值的写法是不被允许的
console.log(message)
function foo () {
  age = 20
  // 在严格模式下这种未定义就赋值的写法是不被允许的，而在非严格模式下会创建一个age全局变量
}

2.严格模式会使引起静默失败 (silently fail，注：不报错也没有任何效果) 的赋值操作抛出异常

// 给不可写属性赋值  在默认模式下不会报错但是在严格模式下就会报错
var obj1 = {};
Object.defineProperty(obj1, "x", { value: 42, writable: false });
obj1.x = 9; // 抛出 TypeError 错误

// 给只读属性赋值
var obj2 = { get x() { return 17; } };
obj2.x = 5; // 抛出 TypeError 错误

// 给不可扩展对象的新属性赋值
var fixed = {};
Object.preventExtensions(fixed);
fixed.newProp = "ohai"; // 抛出 TypeError 错误

3.在严格模式下，试图删除不可删除的属性时会抛出异常 (之前这种操作不会产生任何效果)

"use strict";
delete Object.prototype; // 抛出 TypeError 错误

4.，严格模式要求函数的参数名唯一。在正常模式下，最后一个重名参数名会掩盖之前的重名参数

function sum(a, a, c) { // !!! 语法错误
  "use strict";
  return a + a + c; // 代码运行到这里会出错
}

5.严格模式禁止八进制数字语法

6.禁止设置基本数据类型的属性

"use strict";

false.true = ""; // TypeError
(14).sailing = "home"; // TypeError
"with".you = "far away"; // TypeError

7.禁止this关键字指向全局对象

'use strict'
    function fn() {
      console.log(this) undefined
      this.name = 'jack' 报错
    }
    fn()

8.使用字面量时,属性名必须唯一

9.函数体中的arguments

非严格模式下修改命名参数也会反映到arguments对象上
严格模式下这两个值是独立的
function fn(value) {
      value = 'fofo'
      console.log(arguments[0]) //严格模式下输出 hi    非严格模式下输出fofo
    }
    fn('hi')

10.if语句中声明函数

严格模式下导致错误
非严格模式下将函数提升到if语句外,能够在浏览器运行