首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

6个你可以马上使用的JavaScipt小技巧

前言

JavaScript在越来越多的地方被使用,而且它还时不时的更新。既然更新了,就会有新的功能和新的方法来实现某些编程目标。

其中一些功能可能需要使用polyfills或其他库(如Babel),以确保你的所有代码在最老的浏览器上也能如期工作。

让我们来回顾一下几个有用的功能。

1. 展开运算符

展开运算符太有用了,不提也罢。它允许对数组或字符串等迭代符进行扩展。这对于添加新的值是非常有用的。

这是非常有用的,我已经用过几次了。主要用于更新React中的状态。

2. Set Object

Set对象是JavaScript中的一种新的对象类型,可以用来创建没有重复的数组。当你想拥有一个唯一值的列表时,这很有用。

当唯一值很重要的时候,我个人已经用过几次了。语法很容易记住,而且Set还有更多的功能,比如.has()函数可以检查Set是否有特定的值。

3. 三元运算符

三元运算符是一个速记的条件运算符。它对于根据其他条件设置值很有用。例如,在React中,如果所有的数据都已加载,那么就可以根据条件来设置View。

它比使用常规的if要短得多,如果不嵌套,它的可读性也很强。我一直在使用这个,特别是在React或React Native中编程JavaScript时。

4. 模板字符串

模板字符串是JavaScript中字符串的一种形式。它们用反引号(`)代替常规引号。它们使用$接受表达式,并且它们可以跨越多行。

我开始越来越多地使用这些。在编写GraphQL查询语句的时候非常好用,基本上是GraphQL查询的标准。

5. ?操作符

?操作符或可选的链式运算符是一个很有用的运算符,用于检查一个值是否已经被设置,当它被设置后再继续。

我已经写了无穷无尽的if语句来检查一个值是否被设置过,这肯定会帮助解决这个问题。

6. ??操作符

??操作符是一个检查一条语句左值是否为空的操作符,如果为真,它将返回右边的值。

当空值检查或返回一个尚未加载的字符串时,这可能非常有用。

总结

JavaScript作为一门语言,其扩张速度比以往任何时候都要快。至少从我开始学习它以来是这样的。而且每天我都会发现新的有趣的方法来解决问题,或者做一些更容易写、执行更快、两者兼而有之的任务,或者可能只是古怪的方法。

有没有什么你已经在使用的操作符,或者有什么你从未听说过的操作符?我肯定学到了一些新的。

不管怎么说,感谢你的阅读。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20210305A01NEA00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券