生成器和迭代器(仅适用于Firefox 2+和Safari)。

function fib() {
  var i = 0, j = 1;
  while (true) {
    yield i;
    var t = i;
    i = j;
    j += t;
  }
}

var g = fib();
for (var i = 0; i < 10; i++) {
  document.write(g.next() + "<br>\n");
}

The function containing the yield keyword is a generator. When you call it, its formal parameters are bound to actual arguments, but its body isn't actually evaluated. Instead, a generator-iterator is returned. Each call to the generator-iterator's next() method performs another pass through the iterative algorithm. Each step's value is the value specified by the yield keyword. Think of yield as the generator-iterator version of return, indicating the boundary between each iteration of the algorithm. Each time you call next(), the generator code resumes from the statement following the yield. In normal usage, iterator objects are "invisible"; you won't need to operate on them explicitly, but will instead use JavaScript's for...in and for each...in statements to loop naturally over the keys and/or values of objects.

var objectWithIterator = getObjectSomehow();

for (var i in objectWithIterator)
{
  document.write(objectWithIterator[i] + "<br>\n");
}

合并操作符非常酷，可以生成一些干净简洁的代码，特别是当你将它们链接在一起时:a || b || c ||“default”;问题是，由于它是通过计算为bool而不是null来工作的，如果计算为false的值是有效的，它们通常会被忽略。不用担心，在这些情况下，只要恢复到好的三元操作符就可以了。

我经常看到代码已经放弃使用全局变量而不是静态变量，所以下面是如何(在一个我认为你可以称之为泛型单例工厂的例子中):

var getInstance = function(objectName) {
  if ( !getInstance.instances ) {
    getInstance.instances = {};
  }

  if ( !getInstance.instances[objectName] ) {
    getInstance.instances[objectName] = new window[objectName];
  }

  return getInstance.instances[objectName];
};

另外，请注意新窗口[objectName];这是通过名称一般实例化对象的关键。我两个月前才算出来的。

本着同样的精神，在使用DOM时，当我第一次初始化我要添加的任何功能时，我经常将功能参数和/或标志埋藏在DOM节点中。如果有人抱怨，我再举个例子。

令人惊讶的是，第一页上没有人提到hasOwnProperty，这是一个遗憾。当使用in进行迭代时，在迭代的容器上使用hasOwnProperty方法以确保所使用的成员名是您所期望的成员名，这是一种很好的防御性编程。

var x = [1,2,3];
for ( i in x ) {
    if ( !x.hasOwnProperty(i) )  { continue; }
    console.log(i, x[i]);
}

阅读这里了解更多。

最后，with几乎总是一个坏主意。

我可以引用道格拉斯·克罗克福德这本好书的大部分内容 JavaScript:好的部分。

但我只给你一个，总是使用===和!==而不是==和!=

alert('' == '0'); //false
alert(0 == ''); // true
alert(0 =='0'); // true

==是不可传递的。如果你使用===，它会给出false for 所有这些陈述都符合预期。

JavaScript技巧或jslibs项目。

为变量分配默认值

你可以在赋值表达式中使用逻辑运算符||来提供一个默认值:

var a = b || c;

只有当b为false (if为null, false, undefined, 0，空字符串或NaN)时，变量a才会得到c的值，否则a将得到b的值。

这通常在函数中很有用，当你想在没有提供参数的情况下给参数一个默认值:

function example(arg1) {
  arg1 || (arg1 = 'default value');
}

事件处理程序中的IE回退示例:

function onClick(e) {
    e || (e = window.event);
}

以下语言特性已经伴随我们很长时间了，所有JavaScript实现都支持它们，但直到ECMAScript第5版才成为规范的一部分:

调试器语句

§12.15调试器语句描述

这个语句允许你通过以下方式在代码中添加断点:

// ...
debugger;
// ...

如果有调试器存在或处于活动状态，则会导致调试器立即在这一行上中断。

否则，如果调试器不存在或不活动，则此语句没有可观察到的效果。

多行字符串字面值

在§7.8.4字符串字面量中描述

var str = "This is a \
really, really \
long line!";

您必须小心，因为\旁边的字符必须是行结束符，例如，如果在\后面有空格，代码将看起来完全相同，但它将引发SyntaxError。

在这个帖子中有几个答案告诉你如何去做 通过Array对象的原型扩展Array对象。这很糟糕 IDEA，因为它破坏了语句中的for (i)。

如果你不使用for (i in a) 代码中的任何地方?除非你自己的代码是 只有您正在运行的代码，这是不太可能的 在浏览器内部。我担心如果人们开始扩张 他们的数组对象像这样，堆栈溢出将启动 充斥着一堆神秘的JavaScript错误。

点击这里查看有用的细节。