javascript this use strict

JavaScript中的this关键字在use strict模式下具有更加严格和确定的行为。在非严格模式下，this可以指向全局对象、当前对象或者任何其他的值，包括undefined或null。但是，在use strict模式中，如果没有明确的执行上下文，this的值将会是undefined。这阻止了在全局上下文中意外创建全局变量的情况，提高了代码的严谨性和安全性。

具体来说，在use strict模式下，任何函数内部的this值，如果不是通过点运算符（即对象方法调用）或者使用new、apply、call、bind等方法明确设置，将默认为undefined。这与非严格模式下的行为有显著不同，后者在没有明确设置this值时，默认将this绑定到全局对象。此外，赋值给未声明的变量、删除不可删除的属性或变量等行为在严格模式下会抛出错误，进一步强化了代码的规范性。

一、USE STRICT模式简介

use strict模式是ECMAScript 5引入的一种方式，用于设定整个脚本或者单个函数在严格的操作环境中执行。开启方式是在脚本或函数的顶部添加"use strict";（或'use strict';）。一旦启用，它将对整个脚本或函数内的代码生效。

该模式的主要目的是使代码的解析和执行更加严格，从而避免某些潜在的错误和不安全行为。例如，赋值给未声明的变量将会导致运行时错误，不像在非严格模式下会默默地创建一个新的全局变量。这有助于开发者更早地发现错误，保护全局命名空间不被污染。

二、非严格模式下的THIS行为

在非严格模式下，this的值可以是非常灵活的。在浏览器的全局执行上下文中，如果没有指定this的上下文，它通常会默认指向全局对象window。然而，这种行为可能导致不少问题，尤其是当你试图访问一个未定义的变量时，这种情况下默认的this可以导致意外的全局变量创建。

例如，当一个函数未绑定在任何对象上时，内部的this将会指向全局对象。以下是一个典型的例子：

function showValue() {

  console.log(this.value);
}
var value = 42;
showValue(); // 非严格模式下，输出：42

在非严格模式下，showValue()函数内的this指向全局对象，因此输出全局变量value的值。

三、严格模式下的THIS行为

在use strict模式下，未经明确绑定的函数中的this值为undefined，这样可以避免意外地将this绑定到全局对象上。比如：

"use strict";

function showValue() {
  console.log(this.value);
}
var value = 42;
showValue(); // 严格模式下，输出：TypeError: Cannot read properties of undefined (reading 'value')

在这个例子中，在严格模式下调用showValue()函数时，由于this未绑定，它的值是undefined，尝试访问this.value时会抛出类型错误。

四、THIS的严格模式绑定规则

在严格模式下，你必须显式地设置函数调用的this上下文。可通过以下方式做到这一点：

• 使用对象的方法调用：

"use strict";

var myObject = {
  value: 42,
  showValue: function() {
    console.log(this.value);
  }
};
myObject.showValue(); // 输出：42

在这种方式中，this被自然地绑定到调用方法的对象上。

• 使用new关键字构造实例：

"use strict";

function MyConstructor() {
  this.value = 42;
}
MyConstructor.prototype.showValue = function() {
  console.log(this.value);
};
var instance = new MyConstructor();
instance.showValue(); // 输出：42

使用new操作符会创建一个新的对象实例，其内部的this被绑定到这个新对象上。

• 通过apply、call或bind方法显式绑定：

"use strict";

function showValue() {
  console.log(this.value);
}
var myContext = { value: 42 };
showValue.call(myContext);  // 输出：42
showValue.apply(myContext); // 输出：42
var boundShowValue = showValue.bind(myContext);
boundShowValue();           // 输出：42

这些方法允许你显式地指定一个函数的this上下文。

五、理解和处理严格模式的THIS限制

由于use strict模式下this绑定的限制，开发者需要在特定情况下更加小心。主要有以下几个方面需注意：

• 当回调函数需要使用外部this时，必须使用箭头函数或者提前对this进行绑定。箭头函数不绑定自己的this，而是继承自包围它的作用域。

• 构造函数中的this必须通过new关键字调用，否则this将为undefined，可能会抛出错误。

• 全局函数或者未绑定的方法调用导致的this为undefined，不能再用之前的方式访问全局对象。

通过更加严格和明确的this绑定规则，严格模式帮助开发者写出更安全、可预测的代码，减少常见的JavaScript陷阱。

相关问答FAQs：

1. 在JavaScript中，严格模式（use strict）是什么意思？

严格模式是JavaScript中的一种执行模式，它通过一组严格的规则来限制代码的行为。使用严格模式可以消除一些常见的编码错误，并更好地编写高质量的代码。它要求开发者更加谨慎地处理变量、函数、对象的使用，从而提高代码可读性和可维护性。

2. 在使用严格模式时，为什么要使用this关键字？

this关键字在JavaScript中用于引用当前函数的执行上下文，它的值取决于如何调用函数。在严格模式下，this的行为变得更加严格和可预测。相比非严格模式，使用严格模式时，如果没有特定的上下文绑定，this的值将为undefined，避免了意外的全局变量污染。

3. 在严格模式中使用this时有哪些常见错误？

在严格模式中，常见的错误是使用this关键字时的隐式全局变量绑定问题。在非严格模式下，当函数中使用this时，如果没有特定的上下文，this会绑定到全局对象（例如window），这可能会导致意外的行为和错误。而在严格模式下，函数中使用this时如果没有特定的上下文，this将被设置为undefined，从而避免了这个问题。因此，在严格模式下，我们应该更加注意如何使用this，避免隐式全局变量绑定带来的错误。