日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當前位置:首頁 > 科技  > 軟件

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

來源: 責編: 時間:2024-01-19 09:17:27 231觀看
導讀借助這些簡單的命令和技巧,您就可以在JavaScript中輕松創建比較酷的代碼,讓你的同事羨慕你。JavaScript 是世界上最流行的編程語言,它的受歡迎程度只會隨著時間的推移而增加。它通常用于前端和后端開發,但是,有許多庫、框

yrg28資訊網——每日最新資訊28at.com

借助這些簡單的命令和技巧,您就可以在JavaScript中輕松創建比較酷的代碼,讓你的同事羨慕你。yrg28資訊網——每日最新資訊28at.com

JavaScript 是世界上最流行的編程語言,它的受歡迎程度只會隨著時間的推移而增加。它通常用于前端和后端開發,但是,有許多庫、框架和虛擬環境使您能夠構建您想要的一切。yrg28資訊網——每日最新資訊28at.com

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

1、箭頭函數

本文的第一個技巧是箭頭函數,如果你不知道它,那么你肯定需要。有了它,您將以更高效、更簡單的方式編寫您的函數,從而使您的代碼大小減少一半。此外,您的代碼將更容易閱讀和理解。如下面這段代碼:yrg28資訊網——每日最新資訊28at.com

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

2、轉換為字符串,數值,布爾值

將不同類型的數據轉換為另一種數據類型在許多特定情況下可能非常有用,或者當您只需要轉換它以便稍后將其與其他類型的數據連接時。這里有幾個例子,你可以參考下:yrg28資訊網——每日最新資訊28at.com

//Converting to a stringlet x = 1 + "";console.log(x); // Result: "1"http://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 會更好、更高效,而不需要任何庫。看這個例子:yrg28資訊網——每日最新資訊28at.com

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

而且,如果您想四舍五入您的數字,也有一個快速的解決方案。您不再需要使用 Math.floor() 、 Math.ceil() 或 Math.round() 進行舍入,這里是:yrg28資訊網——每日最新資訊28at.com

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

4、快速的 console.log

如果你一直在完整地編寫 console.log(),那么相信我,我會用這個非常簡單的技巧為你節省很多時間:yrg28資訊網——每日最新資訊28at.com

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

5、刪除最后的數字

您還可以使用“或(|)”運算符從整數末尾刪除任意數量的數字。這意味著您不必為了從整數中刪除一位數字而編寫一長串代碼。如下這個示例:yrg28資訊網——每日最新資訊28at.com

//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,你是不是總是在數后面有幾個零,不太直觀?那么問題總是存在,因為大多數人不知道這種方法可以使數字更具可讀性和美觀性。在此示例中,我們將使用“_”作為數字分隔符:yrg28資訊網——每日最新資訊28at.com

//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 個關鍵技巧,它們不僅會提高你的工作效率,而且在很多情況下都會有所幫助,并且會使您的代碼更易于閱讀。yrg28資訊網——每日最新資訊28at.com

本文鏈接:http://www.www897cc.com/showinfo-26-64970-0.html分享六個實用的 JS 小技巧,讓你的代碼顯得更專業些

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 為了讓小白也能看懂這個死鎖Case,我請來了小黑...

下一篇: 不再手動編輯配置文件:Python助您輕松應對TOML

標簽:
  • 熱門焦點
Top 主站蜘蛛池模板: 耿马| 亚东县| 武义县| 尼木县| 抚宁县| 图木舒克市| 射阳县| 华阴市| 鱼台县| 瑞金市| 武邑县| 渑池县| 长宁县| 旌德县| 仁怀市| 哈密市| 闻喜县| 筠连县| 青川县| 新和县| 景东| 观塘区| 大厂| 泸西县| 青川县| 丰都县| 辰溪县| 赤水市| 永嘉县| 哈尔滨市| 惠来县| 安丘市| SHOW| 盐亭县| 镶黄旗| 天峨县| 彩票| 丰城市| 上思县| 板桥市| 五大连池市|