JavaScript 是属于网络的脚本语言!
JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。
JavaScript 是因特网上最流行的脚本语言。
JavaScript 很容易使用!你一定会喜欢它的!
JavaScript一种解释型的脚本语言,语法灵活,让不同的人对同一个功能有很多种不同的写法。怎样组织JavaScript代码才能让别人一眼看出你不简单呢?是否很期待别人在看完你的代码之后感叹一句“原来还可以这样写”呢?
匿名函数的N种写法
实际在项目上我们经常是在前面加上“;”:
因为Js的语法是可以省略分号的,但是这种机制也会导致意外的错误。为了避免代码上线后合并压缩成一个文件造成语法错误,所以加上“;”可以避免未知错误。
“+”在这里是运算符,运算符具有极高的优先级,所以右边的函数声明加上括号的部分(实际上就是函数执行的写法)就直接执行了。其实不止前面可以是“+”号,“-”、“!”、“~”、“++”等运算符均可。这里只是做扩展介绍,具体用哪种写法看团队统一规范。
抛弃Math.ceil()和Math.floor取整
也许在别的代码中看到过这两种符号~~和|0,直接看运行结果:
注明下,这种写法不是原创,只是引用过来分析和说明下这种另类的写法。简单解释,~是按位取反的运算符,可以将浮点数通过舍去小数点后面的所有位来转换为整数。正整数可转换为无符号的十六进制值。然后再取反一次(~~)负负得正,就得到原来的整数。就是这么任性不爱调方法,你说算不算也是一种优化呢。
注意:如果需要做严格的四舍五入运算就要慎用此方法,那就还是得用Math函数。
if和else也不是唯一
用if-else的条件判断是很清晰的逻辑,在处理数据量不大情况下看起就不是很简洁:
看看用||和&&给代码瘦身后:
一行就搞定,瘦身成功。||和&&,很简单的原理就不用说啦,里面用到逗号运算符还不容易理解,可以继续换成三元运算符:
这种写法看起来结构是够简化,但是别人看你的代码会有点吃力。
用toString替代烦人的字符串拼接DOM结构
如果要动态生成一个dom结构一般我们是这样实现的 :