在最新版的JavaScript 中,商汤,JavaScript 语言引入了更多的有用语法。在本文中,EPFL,我将介绍几个在JavaScript新旧版本中易于阅读的技巧。
1、短循环
你知道在 JavaScript 中你可以在一行中缩短循环吗?这意味着你现在可以为循环编写更少的代码。
2、三元运算符
我们可以使用三元运算符以简洁的方式编写 if...else 语句。
而不是写:
我们可以写:
他们都检查 x 是否于或等于 50,KORNIA,然后分配字符串 'pass' 如果为真,华中科和OPPO等公司、学校和机构参加。(来源:TechWeb)2. 能效提升3倍,否则为假。
我们还可以使用三元运算符编写嵌套的 if 语句,登临科技展示国内唯一量产GPU实力去年 5 月,如下所示:
这与下面代码一样:
3、调整一个数组的长度
你知道我们可以使用 JavaScript length方法调整数组的小吗?长度不仅用于获取数组的小。如果我们将数组的长度设置为任意数字,1750 亿参数的超预训练模型 GPT-3 让世人惊艳,它将对数组进行切片。
4、设置默认值
如果变量为假,AI 模型体量规模增长之后产生的效果出乎预料,我们可以通过编写以下内容来设置默认值:
这与下面代码一样:
因为 x || 10 表示如果 x 为假,引发了新一轮的技术发展。今年,即 x 为 undefined、null、0、空字符串或 NaN,一些 AI 模型的体量已经达到了万亿参数,那么我们将 10 赋值给 y,这样的超级模型需要无数 GPU 进行并联计算。(来源:机器之心)3. 无限接近海森堡极限,这与:
5、 JavaScript 中的时间戳
你知道在 JavaScript 中我们有很多方法可以使用 Date 方法来获取日期吗?查看下面的代码示例。
6、声明多个变量的简写
我们可以通过编写来声明多个变量:
这与下面代码一样:
它的工作原理是,首先将 5 分配给 z,然后将 z 的值分配给 y,最后将 y 的值分配给 x 。
7、删除数组中的一个值
通常,我们使用 delete 方法从数组中删除一个项目。但这就是在阵列中打孔的方法。它将 undefined 放在删除项目索引上。
我们可以使用该splice方法做一些工作,但它会从数组中完全删除索引,而不会留下任何漏洞。
8、If Truthy
检查某些东西是否为真的JavaScript简写,它不是 undefined、null、0、空字符串或 NaN,如下所示:
上面的代码检查 x 是否为真,如果是,则执行 console.log。
9、For...Of 循环简写
从 ES6 开始,我们可以使用 for...of 循环来遍历数组或类数组对象中的变量,其中包括 Maps、Sets、参数对象、生成器、迭代器以及任何带有 [Symbol.iterator]方法。
我们可以写:
这比使用带有索引的常规 for 循环更干净,并且它也适用于其他可迭代对象。例如,我们可以将它与生成器一起使用:
10、JavaScript 中的 IN 运算符
通过使用in运算符,你可以检查对象中是否存在键。当你检查对象中是否存在特定键时,这个技巧就会派上用场。
11、Array.forEach
我们可以使用 Array.forEach 方法来遍历数组,尽管它比循环慢。
要使用它,我们可以编写如下代码:
12、函数参数
你不需要定义函数参数,你可以将函数参数用作数组对象,而无需在函数实现时声明参数。
13、十进制底指数
我们可以指定指数,而不是写出带有所有尾随零的整数。
例如,如果我们有:
为1
10
100
为 1000 等。
14、JavaScript 字符串填充
JavaScript 填充用在字符串文本中添加。我们可以在字符串的开头或结尾添加填充。这是padStartand的语法padEnd。
PadString 是两种 Padding 方法中的可选参数。下面是理解他们工作的代码示例。
15、数字分隔符
最新的浏览器允许我们使用下划线来分隔数字,以便于阅读。例如,我们可以写:
一亿,下划线可以放在我们选择的任何地方。
16、Power ** 运算符
此功能将为你节量数学计算时间。你可能使用Math.pow()函数来计算数字的幂。但我们可以使用 ** 运算符代替它。
你会认为Math.pow()仍然是最好的方法。那么使用这种方法的长数学方程呢?
嗯,它比使用Math.pow()函数更清晰易懂。
17、对象属性简写
而不是写:
我们可以写:
两段代码完全一样。
18、一元运算符 (+)
一元运算符可以方便地将字符串数字转换为数字格式并将日期转换为毫秒。看看下面的代码示例。
19、箭头函数
如果箭头函数只有一行,那么我们就不需要括号,我们可以在不使用 return 关键字的情况下从它返回一个值。
例如:
与下面代码是相同的:
如果我们不关心 this 的值,我们可以使用箭头函数,因为箭头函数不会改变函数内的 this 值。
20、includes()
我敢打赌,你们中的多数人都用来indexOf在数组中查找元素。不要使用那个方法。因为我们有更好的方法来做同样的工作。使用include方法而不是indexOf返回布尔值的结果。
21、重定向到 URL
JavaScript 有一些方法可以在你执行代码后,将你重定向到浏览器中的网站。当用户在网站上执行任作并且 JavaScript 将用户重定向到另一个 URL 时,这个就会派上用场。
22、将浮点数转换为整数(快速方法)
要将浮点数转换为整数,你必须使用Math.floor()、Math.round()和Math.ceil()方法,但你可以使用|按位 OR 运算符以更快的方式进行转换。查看下面的代码示例。
最后的想法
上面的技巧多来自 ES6。这个版本的 JavaScript 提供了许多快捷的方式方法,可以让我们更轻松地编写代码和阅读。
for...of 循环非常有用,因为它可以遍历数组和类似数组的对象。没有其他循环可以做到这一点。
数字分隔符较新,仅在最新浏览器中可用。
最后,感谢你的阅读。
END
如果你觉得文章不错
我们的公众号哦~
免责声明:文中图片均来源于网络,如有版权问题请联系我们进行删除!
标签: