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上下文。