比较不错的函数式JavaScript编程指南教程(2)

现在我们想改进我们的Button类。每一个按钮都被分配了一个值当按钮被点击时显示该值。首先我们调整我们的类：

function Button(value) { this.value = value; this.button = document.createElement("button"); this.button.appendChild(document.createTextNode("test")); }

下面你也许要尝试写下面的代码：

this.button.onclick = function() { alert(this.value); };

如果你执行它你就会发现提示框中间是空的。为什么会这样呢？其实原因在于JavaScript的可见性规则。当onclick函数被执行时this指向的是按钮的DOM节点而非自定义的按钮对象。

我们如何解决这个问题？ 使用函数式编程：

this.button.onclick = (function(v) { return function() { alert(v); }; }) (this.value);

这种情况下执行该匿名函数会将v绑定到this.value上。

沙箱 更多信息

下面是关于函数式JavaScript编程的一些有趣的链接：

w3future.com - 针对事件处理函数和回调函数的函数式编程 svendtofte.com - 实用的（& 函数式的）JavaScript代码片断 svendtofte.com - 极好的JavaScript库（包括map, fold, …） - 关于使用Lambda算子的函数式JavaScript的一篇更加理论性的文章 Lambda tutorial - 关于在JavaScript中编码Lambda算子的教程 - 关于 Scheme 和 JavaScript 之间的比较 展望

本节给大家展示一下JavaScript的未来。一个非常振奋人心的JavaScript特性——E4X，一个JavaScript中直接的XML支持。

Wikipedia on E4X - 关于 E4X 的很好的介绍 Mozilla E4X - Brandon Eich （Mozilla首席架构师）关于E4X的演示

This entry was written by ShiningRay, posted on 2008-01-02 at 22:Jan, filed under 翻译 and tagged , 函数式编程. Bookmark the . Follow any comments here with the . or leave a trackback: .

您可能感兴趣的文章: