17 个你需要知道的 JavaScript 优化技巧( 二 )

10. 多行字符串简写方法当我们在代码中处理多行字符串时,可以这样做:
// 普通方法const data = 'abc abc abc abc abc abcnt'+ 'test test,test test test testnt'// 简写方法const data = `abc abc abc abc abc abc         test test,test test test test`11. 隐式返回简写方法通过使用箭头函数,我们可以直接返回值,而无需编写return语句 。
// 普通方法function getArea(diameter) {  return Math.PI * diameter}// 简写方法getArea = diameter => (  Math.PI * diameter;)12.查找条件简写方法如果我们有代码来检查类型并根据类型需要调用不同的方法,那么我们往往或选择使用多个else if或选择使用switch,但是如果我们有比这更好的简写方法呢?
// 普通方法if (type === 'test1') {  test1();}else if (type === 'test2') {  test2();}else if (type === 'test3') {  test3();}else if (type === 'test4') {  test4();} else {  throw new Error('Invalid value ' + type);}// 简写方法var types = {  test1: test1,  test2: test2,  test3: test3,  test4: test4};var func = types[type];(!func) && throw new Error('Invalid value ' + type); func();13. Object.entries()该特性可以将一个对象转换成一个对象数组 。
const data = { test1: 'abc', test2: 'cde', test3: 'efg' };const arr = Object.entries(data);console.log(arr);/** Output:[ [ 'test1', 'abc' ],  [ 'test2', 'cde' ],  [ 'test3', 'efg' ]]**/14. Object.values()这也是ES8中引入的一个新功能,执行函数类似于Object.entries(),但没有key部分:
const data = { test1: 'abc', test2: 'cde' };const arr = Object.values(data);console.log(arr);/** Output:[ 'abc', 'cde']**/15. 多次重复一个字符串为了多次重复相同的字符 , 我们可以使用for循环并将它们添加到同一个循环中,如何简写呢?
//普通方法 let test = ''; for(let i = 0; i < 5; i ++) {   test += 'test '; } console.log(str); // test test test test test //简写方法 'test '.repeat(5);16. 幂的简写方法数学指数幂函数的简写方法如下:
//普通方法 Math.pow(2,3); // 8//简写方法 2**3 // 817. 数字分隔符你现在只需使用 _ 即可轻松分隔数字 。这将使处理大量数据变得更加轻松 。
//old syntaxlet number = 98234567//new syntaxlet number = 98_234_567如果你想使用JavaScript最新版本(ES2021/ES12)的最新功能,请检查以下内容:
1.replaceAll():返回一个新字符串,其中所有匹配的模式都被新的替换词替换 。
2.Promise.any():需要一个可迭代的Promise对象,当一个Promise完成时,返回一个带有值的Promise 。
3.weakref:此对象持有对另一个对象的弱引用,不阻止该对象被垃圾收集 。
4.FinalizationRegistry:让你在对象被垃圾回收时请求回调 。
5.私有方法:方法和访问器的修饰符:私有方法可以用#声明 。
6.逻辑运算符:&&||运算符 。
7.Intl.ListFormat:此对象启用对语言敏感的列表格式 。
8.Intl.DateTimeFormat:该对象启用对语言敏感的日期和时间格式 。
希望这篇教程能对大家有所帮助 。祝编码快乐!




推荐阅读