JavaScript中什么是严格模式

前言

JavaScript 是一门动态弱类型的编程语言，同其他语言一样，有它自身的语法，数据类型，表达式。但是它有着一些缺陷，由于采用的是弱类型，对使用的数据类型未作出严格的要求，最初开发时并未考虑周全及设计阶段过于仓促，相对于 Java，其设计简单紧凑，并未考虑到复杂应用的需要。所以为了解决这个问题，出现了严格模式。

什么是严格模式

严格模式是 ECMAScript 5 引入的一种运行模式，可以让 JavaScript 在更加严格的条件下运行。该模式为 Js 定义了一种不同的解析与执行。

ECMAScript 是由 Ecma 国际在标准 ECMA-262 中定义的脚本语言规范，也可以理解为 JavaScript 的一个标准

它通过添加一个特定的编译指示符（即 "use strict"）来启用。严格模式可以让代码中一些不安全的行为被禁用，从而使 JavaScript 引擎在执行代码时更加严格，更严格的条件去检查开发者的代码错误，减少出现潜在问题的可能性，能让我们的代码更合理、更安全、更严谨。

js 复制代码

<script>
  // 开启严格模式
  "use strict";
  x = 10
  console.log(x)
</script>

在控制台打印过程中报错

它可以全局使用，也可以在局部中使用。如下面例子中在函数内部使用严格模式：

js 复制代码

 <script>
  x = 10
  console.log(x)

  function fun() {
    "use strict";
    y = 20
    console.log(y)
  }
  fun()
</script>

未在严格模式下的 x 成功打印出来，而在严格模式下 fun 函数里的 y 就会报错提示 y 没有定义

作用

变量声明

在正常模式中，一个变量没有声明赋值，该变量就提升为全局变量。而在严格模式中，变量一定要声明。

js 复制代码

"use strict";
let name = '小明'
console.log(x)

// error
name = '小明'
console.log(x) // name is not defined

禁止删除变量

在正常模式中，可以使用 delete 来删除变量。而在严格模式下，只能删除对象属性。

js 复制代码

"use strict";
let a = 1
delete a // 'delete' cannot be called on an identifier in strict mode.

并且严格模式下，对删除不可删除属性、对象只读属性进行赋值、getter方法读取的属性进行赋值等都会报错

函数参数

在严格模式下参数名不能重复，Duplicate parameter name not allowed in this context 意思是此上下文中不允许有重复的参数名称

js 复制代码

<script>
  "use strict";
  function fun(name, name, name) { // Duplicate parameter name not allowed in this context
    console.log(111)
  }
</script>

函数 this

在正常模式下，在全局调用情况中函数内部的值为全局对象。在严格模式下，函数内部的 this 值为 undefined

js 复制代码

"use strict";
function fun() {
  console.log(this); // 输出 undefined
}
fun();

// 正常模式
function fun() {
  console.log(this); // 输出 window 对象
}
fun();

禁用 with

with 可以按序检索的对象列表，通过它可以进行变量名的解析。with 语句用于临时拓展作用域链。

js 复制代码

"use strict";
var obj = { name: '小明' };
with (obj) {
  console.log(name); // 'with' statements are not allowed in strict mode.
}

禁用 eval

eval() 函数会计算 JavaScript 字符串，并把它作为脚本代码来执行。

js 复制代码

eval("var x = 10");

arguments

arguments 传递进函数的参数列表，它是一个类数组对象，它的属性名是按照传入参数的顺序列来的，既然是类数组对象，就是它还有个 length 属性。在严格模式下，对 arguments 有着一些限制。

严格模式下，arguments 不再追踪参数的变化

js 复制代码

"use strict";
function fun(name) {
  name = '张三'
  return [name, arguments[0]]
}
console.log(fun('小明')) // [ 张三 小明 ]

// 正常模式
function fun(name) {
  name = '张三'
  return [name, arguments[0]]
}
console.log(fun('小明')) // [ 张三 张三 ]

在正常模式下，打印 arguments

js 复制代码

function fun(name) {
    return arguments
}
console.log(fun('小明'))

如图显示 arguments 有着 callee 该属性，该属性是一个指针，指向拥有这个 arguments 对象的函数。

而在严格模式下无法调用 callee

js 复制代码

"use strict";
function fun(name) {
    return arguments
}
console.log(fun('小明'))

callee 属性中报错，表示不能在严格模式函数或对其进行调用的arguments对象上访问"caller"、"callee"和"arguments"属性

总结

严格模式让我们的代码更加规范，它可以帮助开发者避免一些常见的错误和降低代码的不确定性，提高编译器效率，增加运行速度。它给我们代码增加了一些限制和检查，会对项目的代码带来一些影响，所以我们要根据项目决定是否来使用严格模式。