凤来凰科技网

22个不能错过的 JavaScript 技巧

凤来凰科技网 2

22个不能错过的 JavaScript 技巧

在最新版的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

如果你觉得文章不错

我们的公众号哦~

盈通显卡怎么下载驱动

怎么整理手机云备份内存

主机坏了怎么查找系统硬盘

发快递时用什么邮政

中通快递为什么要你自己去取件

临河申通快递老板叫什么

什么手游有钓鱼比赛的游戏

财运算命最准的网站

学seo可以做什么职业

免责声明:文中图片均来源于网络,如有版权问题请联系我们进行删除!

标签: