javascript - 怎样写出优美的js代码?
PHPz
PHPz 2017-04-10 15:53:23
[JavaScript讨论组]

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

现在在写一个网站,但是有大量的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

PHPz
PHPz

学习是最好的投资!

全部回复(6)
PHP中文网

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

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

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

而可以这样:

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

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

阿神

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

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

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

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

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

PHPz

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

巴扎黑

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

阿神

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

伊谢尔伦

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号