这篇文章主要介绍“JavaScript优化技巧有哪些”,在日常操作中,相信很多人在JavaScript优化技巧有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript优化技巧有哪些”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!1. 多个条件的判断当我们需要进行多个值的判断时,我们可以使用数组的includes方法。2. If true … else当if-else条件的内部不包含更大的逻辑时,三目运算符会更好。嵌套条件后,我们保留如下所示的内容(复杂点的三目):3. Null、Undefined、’’ 空值检查有时要检查我们为值引用的变量是否不为null或Undefined 或 ” ,我们可以使用短路写法4. 空值检查和分配默认值当我们赋值,发现变量为空需要分配默认值 可以使用以下短路写法4. 双位操作符位操作符是 JavaScript 初级教程的基本知识点,但是我们却不常使用位操作符。因为在不处理二进制的情况下,没有人愿意使用 1 和 0。但是双位操作符却有一个很实用的案例。你可以使用双位操作符来替代 Math.floor( )。双否定位操作符的优势在于它执行相同的操作运行速度更快5. ES6常见小优化 – 对象属性6. ES6常见小优化-箭头函数7. ES6常见小优化-隐式返回值返回值是我们通常用来返回函数最终结果的关键字。只有一个语句的箭头函数,可以隐式返回结果(函数必须省略括号({ }),以便省略返回关键字)。要返回多行语句(例如对象文本),需要使用()而不是{ }来包裹函数体。这样可以确保代码以单个语句的形式进行求值。8. ES6常见小优化-解构赋值9. ES6常见小优化-展开运算符返回值是我们通常用来返回函数最终结果的关键字。只有一个语句的箭头函数,可以隐式返回结果(函数必须省略括号({ }),以便省略返回关键字)。要返回多行语句(例如对象文本),需要使用()而不是{ }来包裹函数体。这样可以确保代码以单个语句的形式进行求值。10. 数组常见处理掌握数组常见方法,记在脑子里,不要写的时候再去看API了,这样可以有效提升编码效率,毕竟这些方法每天都在用every some filter map forEach find findIndex reduce includes11. 比较返回在return语句中使用比较可以将代码从5行减少到1行。12. 短函数调用我们可以使用三元运算符来实现这类函数。13.switch代码块(ifelse代码块)简写我们可以将条件保存在key-value对象中,然后可以根据条件使用。14. 多行字符串简写当我们在代码中处理多行字符串时,可以这样做:15. Object.entries() Object.values() Object.keys()Object.entries() 该特性可以将一个对象转换成一个对象数组。Object.values()可以拿到对象value值Object.keys()可以拿到对象key值16. 多次重复一个字符串为了多次重复相同的字符,我们可以使用for循环并将它们添加到同一个循环中,如何简写呢?17. 幂的简写数学指数幂函数的good如下:18. 数字分隔符你现在只需使用 _ 即可轻松分隔数字。这将使处理大量数据变得更加轻松。如果你想使用JavaScript最新版本(ES2021/ES12)的最新功能,请检查以下内容:1.replaceAll
():返回一个新字符串,其中所有匹配的模式都被新的替换词替换。2.Promise.any
():需要一个可迭代的Promise对象,当一个Promise完成时,返回一免费云主机、域名个带有值的Promise。3.weakref
:此对象持有对另一个对象的弱引用,不阻止该对象被垃圾收集。4.FinalizationRegistry
:让你在对象被垃圾回收时请求回调。5.私有方法:方法和访问器的修饰符:私有方法可以用#声明。6.逻辑运算符:&&和||运算符。7.Intl.ListFormat
:此对象启用对语言敏感的列表格式。8.Intl.DateTimeFormat
:该对象启用对语言敏感的日期和时间格式。到此,关于“JavaScript优化技巧有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注云技术网站,小编会继续努力为大家带来更多实用的文章!
这篇“设置Cookie时间失效的代码怎么写”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“设置Cookie时间失效的代码怎么写”文章吧。代码如下:…