W3C Group的JavaScript1.8 新特性介绍

作者:纸飞机

时间:2026-10-23

浏览:280

本文介绍JavaScript 1.8在Gecko 1.9引擎中的核心更新,包括表达式闭包简化函数写法、生成器表达式优化迭代逻辑,以及Object.getPrototypeOf和String.trim系列方法。文章对比了JS 1.7与1.8的代码差异,并提及1.8.1版本中Tracemonkey JIT编译器的引入。

文章目录

JavaScript 1.8 概述与版本声明

JavaScript 1.8 计划作为Gecko 1.9(即将合并入Firefox 3)的一部分开始使用。与JavaScript 1.7相比,这是一次较小的更新,但确实包含了一些向ECMAScript 4/JavaScript 2进化的痕迹。JavaScript 1.8还将包含在JavaScript 1.6 和 JavaScript 1.7中的所有新特性。


运用 JavaScript 1.8

为了可以在HTML中使用 JavaScript 1.8 的新特性,需要如下这样写:


<script type="application/javascript;version=1.8"> ... 你的代码 ... </script>


在使用 JavaScript shell 、JavaScript XPCOM 组件,或者 XUL <script> 元素的时候,就是自动使用最新的JS版本(Mozilla 1.9中的 JS1.8)。


如果需要使用新的关键字 "yield" 和 "let" 的话,你就要指定是1.7版本或者更高的版本,因为已经写好的那些代码可能会把这两个关键字用作变量名或者函数名。如果并没有使用任何新的关键字,就可以不用指定JavaScript的版本。


表达式闭包

表达式闭包:简化函数写法

这个新添加的特性其实就是简单函数的方便写法,使得这个语言更加类似典型的Lambda notation.


JavaScript 1.7 以及更老的版本:


function(x) { return x * x; }


JavaScript 1.8:


function(x) x * x


这个语法允许你省略花括号和 'return' 语句 -- 隐式的做它们的工作。用这种方法写,就只是表面上看起来短了一些,并没有其他好处。


示例:


绑定事件处理器的简便写法:

document.addEventListener("click", function() false, true);


把这个定义与JavaScript 1.6中的一写数组函数一起使用:


elems.some(function(elem) elem.type == "text");


生成器表达式

生成器表达式:优化迭代逻辑

这个新添加的特性,允许你简单的创建生成器(在JavaScript 1.7引入的)。通常你以前需要创建一个自定义的函数,它含有一个 yield,但是这个新特性使你可以使用类似数组概念的语法来创建一个独立的生成器句柄。


在 JavaScript 1.7 中,你可能需要写出想下面这样的代码来为一个对象创建自定义的生成器:


function add3(obj) {


for ( let i in obj )


yield i + 3;


}

let it = add3(someObj);


try {


while (true) {


document.write(it.next() + "<br>\n");


}

} catch (err if err instanceof StopIteration) {


document.write("End of record.<br>\n");


}
在 JavaScript 1.8 中,你可避开重建生成器函数的繁琐,改用生成器表达式:

let it = (i + 3 for (i in someObj));


try {


while (true) {


document.write(it.next() + "<br>\n");


}

} catch (err if err instanceof StopIteration) {


document.write("End of record.<br>\n");


}

生成器表达式也可以像数值那样被传给一个函数。非常值得注意的是,生成器在绝对必要的有用的时候才被运行(并不像典型的数组概念的条件那样,预先搭好数组的结构)。这个区别可以从下面的例子中看到:


采用 JavaScript 1.7 数组思想

handleResults([ i for ( i in obj ) if ( i > 3 ) ]);


function handleResults( results ) {


for ( let i in results )


// ...
}

使用 JavaScript 1.8 的生成器表达式


handleResults( i for ( i in obj ) if ( i > 3 ) );


function handleResults( results ) {


for ( let i in results )


// ...
}

这两个例子之间最大的区别就是,使用生成器表达式的时候,只需要循环那个 'obj' 结构一次,总共;而在第一个例子中,将会在递归的时候再循环一次。


JavaScript 1.8.1 更新与新增API

JavaScript 1.8.1


JavaScript 1.8.1包含在Gecko1.9.1(将整合到Firefox3.5中)中。该版本只有很少的更新,主要集中在添加实时编译跟踪,参见:Tracemonkey just-in-time compiler。


当然其中较为显著的改变是移除了API中的callback分支,替换了callback操作,参见:detailed in this newsgroup posting。


添加的部分


Object.getPrototypeOf()


This new method returns the prototype of a specified object.


该方法将返回指定对象的原型。


New trim methods on the String object


The String object now has trim(), trimLeft(), and trimRight() methods.


String对象现在将具有trim(),trimLeft(),和trimRight()方法。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章