Question

我试着理解Protovis是如何工作的，我偶然发现了这样的代码：

force.node.add(pv.Dot)
    .size(function(d) (d.linkDegree + 4) * Math.pow(this.scale, -1.5)) // notice this
    .fillStyle(function(d) d.fix ? "brown" : colors(d.group)) // and this
    .strokeStyle(function() this.fillStyle().darker()) // and even this
    .lineWidth(1)
    .title(function(d) d.nodeName)
    .event("mousedown", pv.Behavior.drag())
    .event("drag", force);

我试着编写自己的简短函数，如下所示：

(function(a) a+2)

我不询问声明为function(){stuff();}的匿名函数。有问题的代码看起来像function() stuff;并且有效。我想知道为什么。我不想了解像myvar = function(a){return a+1;}这样的结构，而是了解像myvar = (function(a) a+1)这样的结构。请仔细查看上面的代码。

但是，正如我所怀疑的那样，它引发了语法错误。

这些代码如何运作？

（注意：protovis代码按预期工作。）

Answer 1

这是JavaScript 1.8中引入的Expression Closure。它是ECMAScript的扩展。

https://developer.mozilla.org/en/JavaScript/New_in_JavaScript/1.8

Answer 2

Protovis也有自己的代码来处理你正在运行的浏览器尚不支持Expression Closure格式的情况，例如：http://vis.stanford.edu/protovis/jsdoc/symbols/src/src_pv-internals.js.html

Answer 3

这是表达式闭包，请参阅：

http://asserttrue.blogspot.com/2009/07/javascript-expression-closures-and-why.html

这是有效的jsfiddle：

http://jsfiddle.net/fyB9h/

怪异的Javascript表达

3 个答案: