建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
借助這些簡(jiǎn)單的命令和技巧，您就可以在JavaScript中輕松創(chuàng)建比較酷的代碼，讓你的同事羨慕你。
創(chuàng)新互聯(lián)建站長(zhǎng)期為成百上千家客戶(hù)提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為黃平企業(yè)提供專(zhuān)業(yè)的網(wǎng)站制作、網(wǎng)站建設(shè)，黃平網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。
JavaScript 是世界上最流行的編程語(yǔ)言，它的受歡迎程度只會(huì)隨著時(shí)間的推移而增加。它通常用于前端和后端開(kāi)發(fā)，但是，有許多庫(kù)、框架和虛擬環(huán)境使您能夠構(gòu)建您想要的一切。
例如，使用 React Native，你可以同時(shí)為 iOS 和 Android 創(chuàng)建一個(gè)移動(dòng)應(yīng)用程序，正如你所理解的那樣，它會(huì)大大提高你的效率。所以，JavaScript 現(xiàn)在的需求點(diǎn)還是蠻大的，我將在本文中向您展示的技巧將非常有用，尤其是當(dāng)您想給某人留下深刻印象時(shí)。你需要了解這些有趣的語(yǔ)法糖，提升你的工作效率。
1、箭頭函數(shù)
本文的第一個(gè)技巧是箭頭函數(shù)，如果你不知道它，那么你肯定需要。有了它，您將以更高效、更簡(jiǎn)單的方式編寫(xiě)您的函數(shù)，從而使您的代碼大小減少一半。此外，您的代碼將更容易閱讀和理解。如下面這段代碼：
//Usual Function
hello = function(val) {
return "Hello World!" + val;
}
//Arrow Function
hello = (val) => "Hello " + val;2、轉(zhuǎn)換為字符串，數(shù)值，布爾值
將不同類(lèi)型的數(shù)據(jù)轉(zhuǎn)換為另一種數(shù)據(jù)類(lèi)型在許多特定情況下可能非常有用，或者當(dāng)您只需要轉(zhuǎn)換它以便稍后將其與其他類(lèi)型的數(shù)據(jù)連接時(shí)。這里有幾個(gè)例子，你可以參考下：
//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() 運(yùn)算符
Math() 運(yùn)算符非常有用，有了它，您不必編寫(xiě)復(fù)雜的數(shù)學(xué)算法并使用 Math 的全部功能。然而，如果你想做一些簡(jiǎn)單的任務(wù)，比如 Powering 和 Rounding，那么使用 vanilla JS 會(huì)更好、更高效，而不需要任何庫(kù)?？催@個(gè)例子：
//Powering::Before
console.log(Math.pow(2,3)) //Result: 8
//Powering::after
console.log(2 ** 3) //Result: 8而且，如果您想四舍五入您的數(shù)字，也有一個(gè)快速的解決方案。您不再需要使用 Math.floor() 、 Math.ceil() 或 Math.round() 進(jìn)行舍入，這里是：
//Rounding::Before
console.log(Math.floor(47.6)) //Result: 47
//Rounding::after
console.log(47.6 | 0) //Result: 474、快速的 console.log
如果你一直在完整地編寫(xiě) console.log()，那么相信我，我會(huì)用這個(gè)非常簡(jiǎn)單的技巧為你節(jié)省很多時(shí)間：
let c = console.log.blind(document);
c("Hello World"); //Result: "Hello World"
c(123); //Result: 123
c(True); //Result: True5、刪除最后的數(shù)字
您還可以使用“或（|）”運(yùn)算符從整數(shù)末尾刪除任意數(shù)量的數(shù)字。這意味著您不必為了從整數(shù)中刪除一位數(shù)字而編寫(xiě)一長(zhǎng)串代碼。如下這個(gè)示例：
//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: 26、數(shù)字分隔符
如果你正在處理長(zhǎng)數(shù)字并且總是試圖理解它是 1,000,000 還是 10,000,000，你是不是總是在數(shù)后面有幾個(gè)零，不太直觀？那么問(wèn)題總是存在，因?yàn)榇蠖鄶?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 個(gè)關(guān)鍵技巧，它們不僅會(huì)提高你的工作效率，而且在很多情況下都會(huì)有所幫助，并且會(huì)使您的代碼更易于閱讀。
當(dāng)前題目：分享六個(gè)實(shí)用的JS小技巧，讓你的代碼顯得更專(zhuān)業(yè)些
標(biāo)題路徑：http://www.dlmjj.cn/article/djjdihg.html
