Question

我发现不做的事情比学习应该做的更难学习。

根据我的经验，专家与中级人员之间的区别在于能够从各种看似相同的方式中做出相同的选择。

那么，谈到JavaScript 你应该做什么样的事情以及为什么？

我能够为Java找到很多这些，但由于JavaScript的典型上下文（在浏览器中）与Java非常不同，我很想看看它是什么。

Answer 1

语言：

设计/部署：

特定于Ajax：

编辑：我一直在考虑更多！

Answer 2

除了那些已经提到的......

使用for..in构造迭代数组
（迭代数组方法和索引）
使用Javascript inline，如<body onload="doThis();">
（不灵活且可防止多个事件侦听器）
使用'Function（）'构造函数
（由于同样的原因eval()很糟糕）
将字符串而不是函数传递给setTimeout或setInterval
（内部也使用eval()）
不依赖分号依赖隐式陈述 （拾取的坏习惯，可能导致意外行为）
使用/ * .. * /来阻止代码行
（可以干扰正则表达式文字，例如：/* /.*/ */）

＆LT;传授＆GT; 当然，不使用Prototype;）＆LT; /传授＆GT;

Answer 3

对我而言最大的不是理解JavaScript编程语言本身。

然后是浏览器运行时的那些：

未使用事件委托或观察者模式（pub / sub）等良好建立的事件模式来优化事件处理。
当DOM节点可以在内存中并一次性附加时，进行频繁的DOM更新（如循环中的.appendChild）。（巨大的性能优势）。
当可以使用本机方法时，过度使用库来选择具有复杂选择器的节点（getElementById，getElementByTagName等）。现在这个问题变得越来越少，但值得一提。
当您希望第三方脚本与您的页面位于同一页面时扩展DOM对象（最终会破坏彼此的代码）。

最后是部署问题。

＆LT;塞＆GT;我有一些client-side optimization tips，其中涵盖了我上面提到的一些内容，以及更多内容，在我的博客上。＆lt; / plug＆gt;

Answer 4

另见Crockford的"Javascript: The Good Parts"以避免各种其他事情。（编辑：警告，他对他的一些建议有点严格，比如使用“===”而不是“==”所以带上任何粒子的盐为你工作）

Answer 5

一些事情就在我的头顶。当我想到更多时，我会编辑这个列表。

Answer 6

使用'with'

with（document.forms [“mainForm”]。elements）{
    input1.value =“垃圾”;
    input2.value =“垃圾”;     }

Answer 7

对

的任何提及

document.all

在您的代码中，除非它在特殊代码中，只是为了克服IE错误。（咳嗽 document.getElementById（）咳嗽）

Answer 8

不使用基于社区的框架来执行DOM操作，事件处理等重复性任务。

Answer 9

创建语句时使用大括号定位

由于自动分号插入，你应该总是在语句后添加一个大括号。

例如：

function()
{
    return
    {
        price: 10
    }
}

与此有很大不同：

function(){
    return{
        price: 10
    }
}

因为在第一个例子中，javascript会为你实际插入一个分号：

function()
{
    return;    // oh dear!
    {
        price: 10
    }
}

将setInterval用于可能长时间运行的任务。

对于需要重复执行某些操作的场合，您应该使用setTimeout而不是setInterval。

如果你使用setInterval，但是在定时器下一次滴答时，定时器中执行的函数没有完成，这很糟糕。而是使用setTimeout

使用以下模式

function doThisManyTimes(){
    alert("It's happening again!");
}

(function repeat(){
    doThisManyTimes();
    setTimeout(repeat, 500);
})();

Answer 10

很少进行有效的缓存：

当您可以使用Google's Libraries API之类的共享API加速页面加载时，不要在您的服务器上存储库的副本（jQuery，Prototype，Dojo）
Combine and minify您可以将所有脚本合并为一个
使用mod_expires为您的所有脚本提供无限的缓存生命周期（永不重新下载）
对您的javascript文件名进行版本控制，以便客户端无需重新加载/重新启动即可进行新的更新（即myFile_r231.js，或myFile.js？r = 231）