当前位置: 首页 > Web前端 > HTML5

Javascript的3个新特性

时间:2023-04-05 21:20:30 HTML5

1.OptionalChaining(可选链调用)constdata={user:{},};console.log(data.user.address.street);//UncaughtTypeError:Cannotreadproperty'street'ofundefined这是我们现在在ES6中会遇到的问题是user中没有address对象,然后我们这样判断:conststreet=data&&data.user&&data.user.address&&data.user.address.street;console.log(街道);//undefined写得不好。新特性可以这样写(?。类似angular5的安全算子)console.log(data.user?.address?.street)//undefined2,Nullishcoalescing(空值Merge)我们一般判断null值像这样:价值!=空?值:'默认值';或者这个:价值||'默认值'新特性可以这样写(??):value??'默认值';3、管道运算符(pipelineoperator),例如通过三个函数处理字符串,通常是这样的:functiona(str){returnstr+","+str;}functionb(str){returnstr[0].toUpperCase()+str.substring(1);}functionc(str){returnstr+'!';}letresult=c(b(a("hello")));//“你好你好!”使用管道运算符,我们可以这样写:letresult="hello"|>a|>b|>c//"Hello,hello!"参考:这是三个即将发生的变化o你会喜欢的JavaScript(完)