怎样写出优美的js代码?

Question

写了一段时间的代码，我觉得我的代码写得太烂了，从网上找资料也没有很好的解决方法。

现在在写一个网站，但是有大量的dom操作

目前我的代码就是：

$(document).on("click", ".xxx", function () {}
$(document).on("click", ".xxx", function () {}
$(document).on("click", ".xxx", function () {}
$(document).on("click", ".xxx", function () {}

但我看见很多网站都是直接使用(function(){})());

如果我操作dom该怎么写?

怎样的代码才是优美的代码?

目前暂时先用jq，以后打算使用原生js

Answer 1

不经过勤学苦练就想要有一身飘逸的武功？
凡事都有个过程：
(function(){})())，这个叫IIFE，是用来提供一个安全的变量空间的，防止和全局变量冲突。

给你举个例子，只有对js的类型转换比较熟悉了，你才不会这样写：

if(a.configs == undefined){
    a.configs = {};
}

而可以这样：

(a.configs || a.configs = {})

我个人觉得，代码优雅好看却不能当饭吃，只要你的逻辑缜密，思维清晰，善用封装。就算是写了很多if else也没问题，写一些看似奇妙的代码还有可能导致可读性很差不是吗？

Answer 2

先会了原生js就解决你的大部分问题了。

jQuery是蜜饯，吃多了要涨蛀牙的。

学习原生js时候可以参考 jQuery 源代码，了解跨平台最佳兼容和实践方案。

MDN网址附上： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference。

建议阅读英文版，中文版翻译很多有问题。

Answer 3

目前也有这个问题，坐等大神解答，学习，

Answer 4

解决这个问题的客观根治方法就是：mvvm框架，看看avalon,vue。
或者看看这个网站的实现：
http://todomvc.com/
主观层面来讲，还是需要多看看别人的代码。

Answer 5

把原生js学习好，其他的都不是事

Answer 6

看优秀开源代码，每天写3小时代码