4个隐藏的有用的JavaScript技巧分别是怎样的

这篇文章将为大家详细讲解有关4个隐藏的有用的JavaScript技巧分别是怎样的,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

成都创新互联公司专注于浏阳网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供浏阳营销型网站建设,浏阳网站制作、浏阳网页设计、浏阳网站官网定制、重庆小程序开发公司服务,打造浏阳网络公司原创品牌,更为您提供浏阳网站排名全网营销落地服务。

这里有4个关于JavaScript鲜为人知的功能,这些功能在某些特定情况下很有用。

+运算符

什么? +运算符?我从一年级开始就知道。

是的,当然,但这与算术运算符无关:

const four = 2 + 2;

它的另一个用途可以看作是 "将给定的表达式转换为Number",但也可能揭示出其他有趣的用例。

4个隐藏的有用的JavaScript技巧分别是怎样的

即使可以使用 Number() 构造函数获得这些结果,在某些情况下,使用 + 运算符似乎也感觉更干净。

对于最后一个示例,我们将覆盖 random 对象的 valueOf() 方法,并且 + 运算符通过将其值转换为 Number 来“获取”其值。

调试语句

有很多方法可以调试JavaScript应用程序。️

通过连接到 console 对象的不同方法的数量,你可以自定义大部分的日志记录语句。

但是我发现完全不同但未知的一种方法是使用 debugger 语句。

4个隐藏的有用的JavaScript技巧分别是怎样的

对于基于浏览器的JS应用程序,它提供了一种快速和简单的方法来放置断点,并迅速获得强大的开发者工具。

4个隐藏的有用的JavaScript技巧分别是怎样的

就像我说的那样,这可能不是处理某些应用程序调试的最佳方法,但我认为演示此“隐藏”功能很有趣。

你也可以通过传递 —inspect  标志,远程连接到你的会话,为你的node脚本启用它。不过,我建议将NodeJS应用附加到你的IDE调试器上,这样更干净。

逗号运算符

我不是在谈论用逗号分隔符来分隔容器中的对象或元素,例如 const arr = [2,7,4,8,8]。

在表达式 const a =(2,3) 中,逗号运算符允许对括号中的整个表达式求值,让我们来看一些有趣的示例:

4个隐藏的有用的JavaScript技巧分别是怎样的

基本上,这个操作符在左操作数和右操作数之间同时执行和 && 和 ||,因为它同时执行这两个操作数的状态。

如果你还对它的用法感到困惑,可以这样想:它允许你在JavaScript期望一个表达式的地方评估多个表达式。这可能是为了呈现更优雅的代码,或者更容易调试。

Navigator 和 Performance API

实际上,这里有点特殊,因为这是浏览器中可用的两个Web API。

Web API通常与JavaScript一起使用,尽管并非总是如此。

我想介绍两个我在JavaScript项目中已经广泛使用的Web API:

4个隐藏的有用的JavaScript技巧分别是怎样的

这些只是你可以在网络上找到的众多Web API中的2个!

关于4个隐藏的有用的JavaScript技巧分别是怎样的就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


名称栏目:4个隐藏的有用的JavaScript技巧分别是怎样的
文章位置:http://cdiso.cn/article/ijejdi.html

其他资讯