如果属性值不是赋值语句的一部分，JavaScript 会计算属性值吗？

Question

我遇到了一个相当模糊的问题，该问题与在浏览器应用样式之前测量文档的高度有关。更多信息请参见：

• http://sonspring.com/journal/jquery-iframe-sizing
• http://ajaxian.com/archives/safari-3 -onload-firing-and-bad-timing

在 Dave Hyatt 6 月 27 日的评论中，他建议只需检查 document.body.offsetLeft 属性即可强制 Safari 进行重排。

我可以简单地使用以下语句：

document.body.offsetLeft;

还是需要将其分配给变量，例如：

var force_layout = document.body.offsetLeft;

以便浏览器计算该值？

我认为这归结为一个更基本的问题 - 即，如果不成为赋值语句的一部分，JavaScript 是否仍会评估属性的值？这是否取决于特定浏览器的 JavaScript 引擎是否优化代码？

Answer 1

该声明仍将被评估。

     Property Accessors
            |    |
            v    v
    document.body.offsetLeft;
      ^
      |- Identifier Reference

在上面的语句中，您可以看到 document 是一个 标识符引用，这是一个主要表达式。

然后使用属性访问运算符 (.) 查找 body 属性，然后查找 offsetLeft 属性。

您没有执行AssignmentExpression，但该语句将被评估，因为标识符引用已解析，并且属性已查找。

此外，宿主对象可以实现具有逻辑 get 和 set 方法的访问器属性，而不仅仅是简单的值属性嗯>。

在 ECMAScript 3 中，我们没有创建访问器属性的能力，只有宿主对象可以实现它们，但标准的第五版允许我们这样做。

举例说明：

var obj = {};
Object.defineProperty(obj, 'prop', { // ECMAScript 5 method
  get: function () {
    alert('getter');
  }
});

_{注意：上面的示例适用于 IE9 Pre、Firefox 3.7alpha、Chrome 5 和 WebKit nightly builds。}

然后一个简单的表达式作为示例，使 getter 调用：

obj.prop; // alerts "getter"