{site_name}

{site_name}

🌜 搜索

JavaScript中的this是一个关键字,用于引用正在执行代码的当前对象或函数的上下文

前端 𝄐 0
js this关键字,jsnew关键字,js关键字查询,js关键字parent,js类中的this,javascript的关键词
JavaScript中的this是一个关键字,用于引用正在执行代码的当前对象或函数的上下文。具体来说,它通常是指调用该函数的对象。

在JavaScript中,this的值是在运行时基于函数的执行环境动态确定的,并且可以在同一函数的多个调用之间有所不同。以下是一些使用this的示例:

1. 在全局范围内,this引用的是全局对象(例如:浏览器环境下的window)。

console.log(this); // 输出 window (如果在浏览器环境下运行)


2. 在函数内部,this通常引用的是调用该函数的对象(对于基本函数调用,这将是全局对象,在严格模式下则是undefined)。

function greet() {
console.log("Hello, " + this.name);
}

greet(); // 输出 "Hello, undefined"

const person = { name: "Alice" };
person.greet = greet;
person.greet(); // 输出 "Hello, Alice"


3. 如果函数作为构造函数使用,则this引用新创建的对象。

function Person(name) {
this.name = name;
}

const alice = new Person("Alice");
console.log(alice.name); // 输出 "Alice"


4. 使用call()或apply()方法可以显式设置函数执行时的this值。

function greet() {
console.log("Hello, " + this.name);
}

const person = { name: "Alice" };
greet.call(person); // 输出 "Hello, Alice"