前言
大家好,我是 xieyezi,好久不见,我又重新回归掘金啦, 这次为大家整理了20个使用频率很高的ES6代码块,希望大家喜欢😊
文中代码对应的详细注释和具体使用方法都放在我的
github
上,源代码在底部连接
code1.png
code20.png
code2.png
code3.png
code4.png
===
和 ==
的区别code5.png
code6.png
code7.png
code21.png
回文字符串: 正着写和反着写都一样的字符串 (特别感谢\@浮生阁阁主[1]勘误)
code8.png
判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列
code9.png
MDN: 可选链操作符(
?.
)允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?.
操作符的功能类似于.
链式操作符,不同之处在于,在引用为空(nullish ) (null
或者undefined
) 的情况下不会引起错误,该表达式短路返回值是undefined
。与函数调用一起使用时,如果给定的函数不存在,则返回undefined
例如:
if (res && res.data && res.data.success) {
//code
}
相当于:
if (res?.data?.success) {
// code
}
code10.png
code11.png
code12.png
code13.png
code14.png
code15.png
RGB
转换为 HEX
code16.png
code17.png
code18.png
MDN: 空值合并操作符(
??
)是一个逻辑操作符,当左侧的操作数为null
或者undefined
时,返回其右侧操作数,否则返回左侧操作数。
false
的值code19.png
20个不容错过的ES6技巧[2]
以上,码字作图很辛苦,还望不要吝啬手中的赞,你的点赞是我继续更新的最大动力😊!
关于本文
作者:Xieyezi