“This”返回 [object Window]，而不是元素答案

【问题标题】："This" is returning [object Window], not the element“This”返回 [object Window]，而不是元素
【发布时间】：2023-03-30 04:36:01
【问题描述】：

我有这个简单的调试代码（还有更多，但这是精简版）：

function calc(container) {
    console.log(container);
    return 100;
};

$(".replace").text(calc(this));

控制台只返回window，而不是元素。为什么是这样？有什么东西会阻止 jQuery/JavaScript 返回元素吗？

【问题讨论】：

【解决方案1】：

在全局上下文中，this 是 window。

> this === window
true

你想要的大概是这样的：

var $replace = $(".replace");
$replace.text(calc($replace));

【讨论】：

【解决方案2】：

因为calc 方法没有在元素的上下文中被调用，所以你需要使用类似

$(".replace").text(function(){
    return calc(this)
});

在这种情况下，calc 方法在回调方法中被调用，其中this 指的是当前元素。

演示：Fiddle

【讨论】：

【解决方案3】：

this这里指的是窗口对象

$(".replace").text(calc(this));

你应该使用

$(".replace").text(function(){
    return calc(this); // here this refers to the current element with class replace
});

【讨论】：

【解决方案4】：

只是另一种选择，因为您正在寻找元素，只需使用您的函数引用本身作为text 的参数。

function calc() {
    console.log(this);
    return 100;
};

$(".replace").text(calc);

【讨论】：

【解决方案5】：

没错。

因为当您调用该函数时，当前范围是窗口。

如果要使用元素，请改用函数参数。

【讨论】：