自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

分享六個實用的 JS 小技巧,讓你的代碼顯得更專業(yè)些

開發(fā) 后端
JavaScript 是世界上最流行的編程語言,它的受歡迎程度只會隨著時間的推移而增加。它通常用于前端和后端開發(fā),但是,有許多庫、框架和虛擬環(huán)境使您能夠構(gòu)建您想要的一切。

借助這些簡單的命令和技巧,您就可以在JavaScript中輕松創(chuàng)建比較酷的代碼,讓你的同事羨慕你。

JavaScript 是世界上最流行的編程語言,它的受歡迎程度只會隨著時間的推移而增加。它通常用于前端和后端開發(fā),但是,有許多庫、框架和虛擬環(huán)境使您能夠構(gòu)建您想要的一切。

例如,使用 React Native,你可以同時為 iOS 和 Android 創(chuàng)建一個移動應用程序,正如你所理解的那樣,它會大大提高你的效率。所以,JavaScript 現(xiàn)在的需求點還是蠻大的,我將在本文中向您展示的技巧將非常有用,尤其是當您想給某人留下深刻印象時。你需要了解這些有趣的語法糖,提升你的工作效率。

1、箭頭函數(shù)

本文的第一個技巧是箭頭函數(shù),如果你不知道它,那么你肯定需要。有了它,您將以更高效、更簡單的方式編寫您的函數(shù),從而使您的代碼大小減少一半。此外,您的代碼將更容易閱讀和理解。如下面這段代碼:

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

2、轉(zhuǎn)換為字符串,數(shù)值,布爾值

將不同類型的數(shù)據(jù)轉(zhuǎn)換為另一種數(shù)據(jù)類型在許多特定情況下可能非常有用,或者當您只需要轉(zhuǎn)換它以便稍后將其與其他類型的數(shù)據(jù)連接時。這里有幾個例子,你可以參考下:

//Converting to a string
let x = 1 + "";
console.log(x); // Result: "1"
//Converting to a number
let y = "25";
y = +y;
console.log(y); // Result: 15
//Converting to a boolean
const z = !0;
console.log(typeof z); // Result: "boolean"

3、替換 Math() 運算符

Math() 運算符非常有用,有了它,您不必編寫復雜的數(shù)學算法并使用 Math 的全部功能。然而,如果你想做一些簡單的任務,比如 Powering 和 Rounding,那么使用 vanilla JS 會更好、更高效,而不需要任何庫??催@個例子:

//Powering::Before
console.log(Math.pow(2,3)) //Result: 8
//Powering::after
console.log(2 ** 3) //Result: 8

而且,如果您想四舍五入您的數(shù)字,也有一個快速的解決方案。您不再需要使用 Math.floor() 、 Math.ceil() 或 Math.round() 進行舍入,這里是:

//Rounding::Before
console.log(Math.floor(47.6)) //Result: 47
//Rounding::after
console.log(47.6 | 0) //Result: 47

4、快速的 console.log

如果你一直在完整地編寫 console.log(),那么相信我,我會用這個非常簡單的技巧為你節(jié)省很多時間:

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

5、刪除最后的數(shù)字

您還可以使用“或(|)”運算符從整數(shù)末尾刪除任意數(shù)量的數(shù)字。這意味著您不必為了從整數(shù)中刪除一位數(shù)字而編寫一長串代碼。如下這個示例:

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

6、數(shù)字分隔符

如果你正在處理長數(shù)字并且總是試圖理解它是 1,000,000 還是 10,000,000,你是不是總是在數(shù)后面有幾個零,不太直觀?那么問題總是存在,因為大多數(shù)人不知道這種方法可以使數(shù)字更具可讀性和美觀性。在此示例中,我們將使用“_”作為數(shù)字分隔符:

//Before
let x = 1000000
let y = 10000000
//After
let x = 1_000_000
let y = 10_000_000
//The output will be the same for the both example

結(jié)束

今天的介紹就到這里,現(xiàn)在你知道了 JavaScript 中的 6 個關(guān)鍵技巧,它們不僅會提高你的工作效率,而且在很多情況下都會有所幫助,并且會使您的代碼更易于閱讀。

責任編輯:姜華 來源: 今日頭條
相關(guān)推薦

2024-01-11 09:21:13

JavaScript工具JSON

2022-10-08 07:54:24

JavaScriptAPI代碼

2018-03-15 09:20:00

前端JSconsole

2024-01-08 18:05:19

PyCharm技巧功能

2023-10-10 18:24:46

PostgreSQL性能RDBMS

2015-07-30 14:43:04

導航欄iOS開發(fā)

2021-01-21 08:00:00

開發(fā)工具VS Code

2023-07-11 15:43:16

JavaScript技巧

2020-05-07 17:03:49

Python編碼開發(fā)

2024-01-30 08:43:26

IF 語句JavaScripJS

2023-09-24 13:55:42

Spring應用程序

2022-11-30 15:01:11

React技巧代碼

2024-01-08 17:09:07

Python解釋器CPython

2023-05-05 22:10:05

2021-10-31 07:36:17

前端JavaScript編程

2022-01-06 22:31:21

Python技巧代碼

2022-05-17 15:34:08

視覺效果UI 界面設計

2020-07-15 08:37:11

JavaScript開發(fā)技術(shù)

2023-10-06 08:42:26

2023-04-27 13:16:45

點贊
收藏

51CTO技術(shù)棧公眾號