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 // 8
17. 数字分隔符你现在只需使用 _
即可轻松分隔数字 。这将使处理大量数据变得更加轻松 。
//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
:该对象启用对语言敏感的日期和时间格式 。
希望这篇教程能对大家有所帮助 。祝编码快乐!
推荐阅读
- 把GPT变成算命大师需要几步?
- 婴儿出生证明如何办理,出生证如何办理需要提供哪些资料
- 看完陈小春演的山寨版《南海归墟》,我就知道香港电影完了
- 笑麻了!原来他们居然是亲生父子!我不会是最后一个知道的吧?
- 想知道女人好不好撩,在微信上给她发三个字,一试便知
- “天价”养老金的李双江,需要多少人一起来缴纳社保呢?
- 吹动一公斤的石头需要多少风压呢视频 吹动一公斤的石头需要多少风压呢
- 《烈焰》直到伍赓吊打白莲,观众们才知道,这部剧的战力彻底崩了
- 汪小菲并不糊涂,再婚选台湾姑娘的4大用意,你都知道吗?
- 七天无理由退货需要自己付邮费吗 七天无理由退货