12个常用的javascript简写技巧
发布网友
发布时间：2024-09-17 00:31
共1个回答
热心网友
时间：2024-09-29 14:52
1. 空(null, undefined)验证
当我们创建了一个新的变量，我们通常会去验证该变量的值是否为空(null)或者未定义(undefined)。这对于JavaScript编程来说，是一个经常要考虑到的验证。
如果直接写，像下面这样：
我们可以使用一个更加简洁的版本
如果你不信，可以在谷歌浏览器开发者模式下的控制台中试试！
在这里要注意的是，你在调试完一组代码后要刷新下页面，或者定义不同的变量，不然会报错：
2. 数组
这个好像比较简单！
非优化代码：
优化代码：
3. if true .. else 的优化
简化后：
这是三目运算，当判断条件和结果都只有一个的时候可以使用。
极大的简化了代码量！
4. 变量声明
尽管JavaScript会自动讲变量上提（hoist），使用该方法可以讲所有的变量都在函数的头部用一行搞定。
优化前:
优化后：
5. 赋值语句的简化
简化前：
简化后：
假设x=10，y=5，那么基本的算术操作可以使用如下的简写方式：
6. 避免使用RegExp对象
简化前：
简化后：
7. If 条件优化
简化前：
简化后：
我们再来个判断非真的例子：
简化后：
9. 函数参数优化
我个人倾向于使用获取对象元素的方式来访问函数参数，当然这个见仁见智啦！
通常使用的版本：
我喜欢的版本：
译者注：原文下方有评论表示不建议用楼主的方法，使用第一种方法函数参数的顺序是可以变动的，第二种你就要小心了。
10. charAt()的替代品
简化前：
简化后：
译者注：我相信用第一种方法的人已经不多了吧！
11. 函数调用还可以更短
简化前：
简化后：
12. 如何优雅的表示大数字
在JavaScript中，有一个简写数字的方法，也许你忽略了。1e7表示10000000。
简化前：
简化后：
热心网友
时间：2024-09-29 14:48
1. 空(null, undefined)验证
当我们创建了一个新的变量，我们通常会去验证该变量的值是否为空(null)或者未定义(undefined)。这对于JavaScript编程来说，是一个经常要考虑到的验证。
如果直接写，像下面这样：
我们可以使用一个更加简洁的版本
如果你不信，可以在谷歌浏览器开发者模式下的控制台中试试！
在这里要注意的是，你在调试完一组代码后要刷新下页面，或者定义不同的变量，不然会报错：
2. 数组
这个好像比较简单！
非优化代码：
优化代码：
3. if true .. else 的优化
简化后：
这是三目运算，当判断条件和结果都只有一个的时候可以使用。
极大的简化了代码量！
4. 变量声明
尽管JavaScript会自动讲变量上提（hoist），使用该方法可以讲所有的变量都在函数的头部用一行搞定。
优化前:
优化后：
5. 赋值语句的简化
简化前：
简化后：
假设x=10，y=5，那么基本的算术操作可以使用如下的简写方式：
6. 避免使用RegExp对象
简化前：
简化后：
7. If 条件优化
简化前：
简化后：
我们再来个判断非真的例子：
简化后：
9. 函数参数优化
我个人倾向于使用获取对象元素的方式来访问函数参数，当然这个见仁见智啦！
通常使用的版本：
我喜欢的版本：
译者注：原文下方有评论表示不建议用楼主的方法，使用第一种方法函数参数的顺序是可以变动的，第二种你就要小心了。
10. charAt()的替代品
简化前：
简化后：
译者注：我相信用第一种方法的人已经不多了吧！
11. 函数调用还可以更短
简化前：
简化后：
12. 如何优雅的表示大数字
在JavaScript中，有一个简写数字的方法，也许你忽略了。1e7表示10000000。
简化前：
简化后：
