当前位置：首页 > 科技 > 软件

分享六个实用的 JS 小技巧，让你的代码显得更专业些

来源：责编：时间：2024-01-19 09:17:27 163观看

导读借助这些简单的命令和技巧，您就可以在JavaScript中轻松创建比较酷的代码，让你的同事羡慕你。JavaScript 是世界上最流行的编程语言，它的受欢迎程度只会随着时间的推移而增加。它通常用于前端和后端开发，但是，有许多库、框

借助这些简单的命令和技巧，您就可以在JavaScript中轻松创建比较酷的代码，让你的同事羡慕你。

JavaScript 是世界上最流行的编程语言，它的受欢迎程度只会随着时间的推移而增加。它通常用于前端和后端开发，但是，有许多库、框架和虚拟环境使您能够构建您想要的一切。

例如，使用 React Native，你可以同时为 iOS 和 Android 创建一个移动应用程序，正如你所理解的那样，它会大大提高你的效率。所以，JavaScript 现在的需求点还是蛮大的，我将在本文中向您展示的技巧将非常有用，尤其是当您想给某人留下深刻印象时。你需要了解这些有趣的语法糖，提升你的工作效率。

1、箭头函数

本文的第一个技巧是箭头函数，如果你不知道它，那么你肯定需要。有了它，您将以更高效、更简单的方式编写您的函数，从而使您的代码大小减少一半。此外，您的代码将更容易阅读和理解。如下面这段代码：

//Usual Functionhello = function(val) {  return "Hello World!" + val;}//Arrow Functionhello = (val) => "Hello " + val;

2、转换为字符串，数值，布尔值

将不同类型的数据转换为另一种数据类型在许多特定情况下可能非常有用，或者当您只需要转换它以便稍后将其与其他类型的数据连接时。这里有几个例子，你可以参考下：

//Converting to a stringlet x = 1 + "";console.log(x); // Result: "1"//Converting to a numberlet y = "25";y = +y;console.log(y); // Result: 15//Converting to a booleanconst z = !0;console.log(typeof z); // Result: "boolean"

3、替换 Math() 运算符

Math() 运算符非常有用，有了它，您不必编写复杂的数学算法并使用 Math 的全部功能。然而，如果你想做一些简单的任务，比如 Powering 和 Rounding，那么使用 vanilla JS 会更好、更高效，而不需要任何库。看这个例子：

//Powering::Beforeconsole.log(Math.pow(2,3)) //Result: 8//Powering::afterconsole.log(2 ** 3) //Result: 8

而且，如果您想四舍五入您的数字，也有一个快速的解决方案。您不再需要使用 Math.floor() 、 Math.ceil() 或 Math.round() 进行舍入，这里是：

//Rounding::Beforeconsole.log(Math.floor(47.6)) //Result: 47//Rounding::afterconsole.log(47.6 | 0) //Result: 47

4、快速的 console.log

如果你一直在完整地编写 console.log()，那么相信我，我会用这个非常简单的技巧为你节省很多时间：

let c = console.log.blind(document);c("Hello World"); //Result: "Hello World"c(123); //Result: 123c(True); //Result: True

5、删除最后的数字

您还可以使用“或（|）”运算符从整数末尾删除任意数量的数字。这意味着您不必为了从整数中删除一位数字而编写一长串代码。如下这个示例：

//Beforelet str = "2022"; Number(str.substring(0, str.length - 1)); //Result: 202//Afterconsole.log(2022 / 10   | 0)  // Result: 202console.log(2022 / 100  | 0)  // Result: 20console.log(2022 / 1000 | 0)  // Result: 2

6、数字分隔符

如果你正在处理长数字并且总是试图理解它是 1,000,000 还是 10,000,000，你是不是总是在数后面有几个零，不太直观？那么问题总是存在，因为大多数人不知道这种方法可以使数字更具可读性和美观性。在此示例中，我们将使用“_”作为数字分隔符：

//Beforelet x = 1000000let y = 10000000//Afterlet x = 1_000_000let y = 10_000_000//The output will be the same for the both example

结束

今天的介绍就到这里，现在你知道了 JavaScript 中的 6 个关键技巧，它们不仅会提高你的工作效率，而且在很多情况下都会有所帮助，并且会使您的代码更易于阅读。

本文链接：http://www.28at.com/showinfo-26-64970-0.html分享六个实用的 JS 小技巧，让你的代码显得更专业些

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com

上一篇：为了让小白也能看懂这个死锁Case，我请来了小黑...

下一篇：不再手动编辑配置文件：Python助您轻松应对TOML

标签：

热门焦点

vivo TWS Air开箱体验：真轻臻好听

在vivo S15系列新机的发布会上，vivo的最新款真无线蓝牙耳机vivo TWS Air也一同发布，本次就这款耳机新品给大家带来一个简单的分享。外包装盒上，vivo TWS Air保持了vivo自家产
消息称迪士尼要拍真人版《魔发奇缘》：女主可能也找黑人演员

8月5日消息，迪士尼确实有点忙，忙着将不少动画改成真人版，继《美人鱼》后，真人版《白雪公主》、《魔发奇缘》也在路上了。据外媒消息称，迪士尼将打造真人版
得物效率前端微应用推进过程与思考

一、背景效率工程随着业务的发展，组织规模的扩大，越来越多的企业开始意识到协作效率对于企业团队的重要性，甚至是决定其在某个行业竞争中突围的关键，是企业长久生存的根本。得物
19个 JavaScript 单行代码技巧，让你看起来像个专业人士

今天这篇文章跟大家分享18个JS单行代码，你只需花几分钟时间，即可帮助您了解一些您可能不知道的 JS 知识，如果您已经知道了，就当作复习一下，古人云，温故而知新嘛。现在，我们就开始今
为什么你不应该使用Div作为可点击元素

按钮是为任何网络应用程序提供交互性的最常见方式。但我们经常倾向于使用其他HTML元素，如 div span 等作为 clickable 元素。但通过这样做，我们错过了许多内置浏览器的功能。
雅柏威士忌多款单品价格大跌，泥煤顶流也不香了？

来源 | 烈酒商业观察编 | 肖海林今年以来，威士忌市场开始出现了降温迹象，越来越多不断暴涨的网红威士忌也开始悄然回归市场理性。近日，LVMH集团旗下苏格兰威士忌品牌雅柏（Ardbeg
当家的盒马，加速谋生

来源 | 价值星球Planet作者 | 归去来自己“当家”的盒马，开始加速谋生了。据盒马官微消息，盒马计划今年开放生鲜供应链，将其生鲜商品送往食堂。目前，盒马在上海已经与
2299元起！iQOO Pad开启预售：性能最强天玑平板

5月23日，iQOO如期举行了新品发布会，除了首发安卓最强旗舰处理器的iQOO Neo8系列新机外，还在发布会上推出了旗下首款平板电脑——iQOO Pad，其搭载了天玑
由于成本持续增加，笔记本产品价格预计将明显上涨

根据知情人士透露，由于材料、物流等成本持续增加，笔记本产品价格预计将在2021年下半年有明显上涨。进入6月下旬以来，全球半导体芯片缺货情况加剧，显卡、处理器