![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
代码性能优化
幼儿园吃饭第一名949
遇到你
展开
-
10 个 JavaScript 代码简写技巧总结
使用三元运算符根据条件给变量赋值 ❌ a > b ? foo = 'apple' : foo = 'ball'; ✔️ foo = a > b ? 'apple' : 'ball'; 根据条件给对象的不同属性赋相同的值 ❌ c > d ? a.foo = 'apple' : a.bar = 'apple'; ✔️ a = { [c > d ? 'foo' : 'bar']: 'apple' }; 导出多个变量 ❌ export const fo.原创 2021-01-27 16:06:43 · 77 阅读 · 0 评论 -
Async/Await 使你的代码更简洁
Async/Await 使你的代码更简洁 或者说,我如何学习不使用回调函数并且爱上ES8 有时,现代JavaScript项目会脱离我们的掌控。其中一个主要的罪魁祸首就是杂乱的处理异步的任务,导致写出了又长又复杂又深层嵌套的代码块。JavaScript现在提供了一个新的处理这些操作的语法,他甚至能把最错综复杂的操作转化成为简洁而且可读性高的代码 背景 AJAX (Asynchronous JavaScript And XML) 首先来进行一点科普。 在90年代末期, Ajax是异步JavaScript的第一个原创 2020-11-17 14:43:23 · 147 阅读 · 0 评论 -
代码性能优化之优化逻辑判断
编写高质量可维护的代码之优化逻辑判断 if else、switch case 是日常开发中最常见的条件判断语句,这种看似简单的语句,当遇到复杂的业务场景时,如果处理不善,就会出现大量的逻辑嵌套,可读性差并且难以扩展。 下面我们会分别从 JavaScript 语法和 React JSX 语法两个方面来分享一些优化的技巧。 JavaScript 语法篇 嵌套层级优化 function supply(fruit, quantity) { const redFruits = ['apple', 'strawbe原创 2020-08-17 16:56:56 · 516 阅读 · 0 评论