this关键字的作用_this关键字的作用包括

来源：网络转载更新时间：2023-11-21 18:56:07阅读：

本篇文章1451字，读完约4分钟

免费源码下载

什么是this关键字？

this关键字是一个特殊的JavaScript关键字，它表示当前正在执行的函数或方法所属的对象。

this关键字的作用是什么？

this关键字的作用是用来引用当前对象的属性和方法。它可以在对象的方法中使用，也可以在构造函数中使用。

在对象的方法中使用this关键字

在对象的方法中使用this关键字可以引用对象自身的属性和方法。例如：


var person = {
  name: "John",
  age: 25,
  sayHello: function() {
    console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
  }
};
person.sayHello();  // 输出: Hello, my name is John and I am 25 years old.

在构造函数中使用this关键字

在构造函数中使用this关键字可以创建对象的实例，并初始化实例的属性。例如：


function Person(name, age) {
  this.name = name;
  this.age = age;
}
var john = new Person("John", 25);
console.log(john.name);  // 输出: John
console.log(john.age);   // 输出: 25

this关键字的动态绑定

this关键字的值是动态绑定的，它在函数被调用时才会确定。在一个方法内部，this关键字的值取决于方法被调用时的上下文。例如：


var person = {
  name: "John",
  age: 25,
  sayHello: function() {
    console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
  }
};
var sayHello = person.sayHello;
sayHello();  // 输出: Hello, my name is undefined and I am undefined years old.

如何改变this关键字的值？

可以使用JavaScript的bind、call和apply方法来改变函数中this关键字的值。这些方法可以在调用函数时指定函数的执行上下文。例如：


var person = {
  name: "John",
  age: 25,
  sayHello: function() {
    console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
  }
};
var sayHello = person.sayHello.bind({name: "Jane", age: 30});
sayHello();  // 输出: Hello, my name is Jane and I am 30 years old.