“这个”内部对象

Question

我试图根据通过请求传入的宽度（默认为 560）计算比例高度（同时排除静态高度元素）。

但是，wF.h 的计算结果为 NaN。如果我将 this.w 替换为 560，它会起作用，但在尝试引用 wF 的 w 属性时则不起作用。

var wF = {
       w : 560,
       h : (312 - 42) / (560 / this.w) + 42
};

什么给？

我拒绝连续使用两个普通变量，因为我试图从 JS 中获得好的代码。

更新：

感谢所有帮助解释和解决我的问题的人。我想我必须习惯这一点。我将分阶段设置该对象以继续该项目，尽管它仍然让我有点烦恼;)。我发现并阅读了一篇关于该主题的好文章，供任何偶然发现类似问题的人使用：http://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/

Answer 1

// Your code
var wF = {
       w : 560,
       h : (312 - 42) / (560 / this.w) + 42
};

---

this 并不是你想象的那样

Javascript 没有块作用域，只有函数作用域：wF 定义中的 this 确实不参考wF。

（因此，无论 this 是什么，this.w 都可能是 undefined。除以 undefined 得到 NaN。）

那么你可能会尝试：

// Let's not use `this`
var wF = {
       w : 560,
       h : (312 - 42) / (560 / wF.w) + 42
};

---

你还没有完成对象的定义但是

，你仍在定义对象，你尝试使用wF.w< /代码>: 还没有准备好。

---

解决方案

所以，是的，您将必须使用两个变量...或分阶段设置对象：

// We can't even use `wF`; split up the property definitions
var wF = {};
wF.w = 560;
wF.h = (312 - 42) / (560 / wF.w) + 42;

Answer 2

您好，只需将您的第二个属性重新定义为函数对象，它就会起作用。我认为可以从函数内访问调用对象的上下文

var wF = {
    w : 560,
    h : function() { return (312 - 42) / (560 / this.w) + 42; }
};

alert(wF.h())

Answer 3

this 关键字指的是调用上下文，而不是对象。

您需要分两步执行此操作，如下所示：

var wF = { w: 560 };
wF.h = (312 - 42) / (560 / wF.w) + 42;

Answer 4

您不需要将 {...} 包装在 Object() 中。它已经是一个对象字面量。

this 不在对象字面量内部进行操作，它将指向该函数当前正在其中运行的对象，因此：

function fn() {
   var wF = { w : 560, h : (312 - 42) / (560 / this.w) + 42 };
}

fn();

将导致 this 指向 window对象。

编辑：以前的代码并不是要作为答案，只是演示 this 是什么。另一种可能性是使用一个将宽度作为参数的函数：

function getObject(width) {
    width = width || 560; //Default value to 560
    return { w: width, h : (312 - 42) / (560 / width) + 42 };
}

var wF = getObject(); //To get the default value, or specify a width otherwise.

Answer 5

当您在 JSON 对象声明中使用 this 时，它指向当前实例。

您可以在控制台中尝试以下代码以更好地理解它：

Object({ w : 560, h : (312 - 42) / (560 / function(e){console.log(e);return e.w;}(this)) + 42 });