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

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

JavaScript 命名約定優秀實踐

來源: 責編: 時間:2024-04-11 17:32:16 176觀看
導讀1. 變量的命名約定JavaScript 變量名稱是區分大小寫的,大寫和小寫字母是不同的。比如:let DogName = 'Scooby-Doo';let dogName = 'Droopy';let DOGNAME = 'Odie';console.log(DogName); // "Scooby-Doo"console.log(

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

1. 變量的命名約定

JavaScript 變量名稱是區分大小寫的,大寫和小寫字母是不同的。比如:uUs28資訊網——每日最新資訊28at.com

let DogName = 'Scooby-Doo';let dogName = 'Droopy';let DOGNAME = 'Odie';console.log(DogName);   // "Scooby-Doo"console.log(dogName);   // "Droopy"console.log(DOGNAME);   // "Odie"

但是,最推薦的聲明 JavaScript 變量的方法是使用駝峰式變量名。我們可以對JavaScript 所有類型的變量使用駝峰式命名約定,這樣就不會相同命名的變量。uUs28資訊網——每日最新資訊28at.com

// badlet dogname = 'Droopy'; // badlet dog_name = 'Droopy'; // badlet DOGNAME = 'Droopy'; // badlet DOG_NAME = 'Droopy'; // goodlet dogName = 'Droopy';

變量的名稱應該是不言自明的,并描述了儲存的值。例如,如果需要一個變量來儲存狗的名字,應該使用 dogName 而不是 Name,因為 dogNam 更有意義:uUs28資訊網——每日最新資訊28at.com

// badlet d = 'Droopy';// badlet name = 'Droopy';// goodlet dogName = 'Droopy';

2. 布爾值的命名約定

當定義布爾類型的變量時,應該使用is或者has作為變量的前綴。例如,如果需要一個變量來檢查狗是否有主人,應該使用 hasOwner 作為變量名:uUs28資訊網——每日最新資訊28at.com

// badlet bark = false;// goodlet isBark = false;// badlet ideal = true;// goodlet areIdeal = true;// badlet owner = true;// goodlet hasOwner = true;

3. 函數的命名約定

JavaScript 中函數的名稱也是區分大小寫的。因為在聲明函數時,推薦使用駝峰式方法來命名函數。uUs28資訊網——每日最新資訊28at.com

除此之外,推薦使用描述性名詞和動詞來作為前綴。例如,如果聲明一個函數來獲取名稱,則函數名字應該是 getName:uUs28資訊網——每日最新資訊28at.com

// badfunction name(dogName, ownerName) {   return '${dogName} ${ownerName}';}// goodfunction getName(dogName, ownerName) {   return '${dogName} ${ownerName}';}

4. 常量的命名約定

JavaScript 中的常量和變量是一樣的,都區分大小寫,在定義常量時,推薦使用大寫,因為它們是不變的變量。uUs28資訊網——每日最新資訊28at.com

const LEG = 4;const TAIL = 1;const MOVABLE = LEG + TAIL;

如果變量聲明名稱中包含多個單詞,就應該使用 UPPER_SNAKE_CASE。uUs28資訊網——每日最新資訊28at.com

const DAYS_UNTIL_TOMORROW = 1;

5. 類的命名約定

JavaScript 中類的命名約定規則與函數非常相似,推薦使用描述性的名稱來描述類的功能。uUs28資訊網——每日最新資訊28at.com

函數名和類名之間的主要區別在于類名要使用大寫開頭:uUs28資訊網——每日最新資訊28at.com

class DogCartoon {   constructor(dogName, ownerName) {     this.dogName = dogName;     this.ownerName = ownerName;   }}const cartoon = new DogCartoon('Scooby-Doo', 'Shaggy');

6. 組件的命名規則

JavaScript 組件廣泛應用于React、Vue等前端框架中。組件的命名建議與類保持一致,使用開頭大寫的駝峰式命名法:uUs28資訊網——每日最新資訊28at.com

// badfunction dogCartoon(roles) {   return (     <div>       <span> Dog Name: { roles.dogName } </span>       <span> Owner Name: { roles.ownerName } </span>     </div>   );} // goodfunction DogCartoon(roles) {   return (     <div>       <span> Dog Name: { roles.dogName } </span>       <span> Owner Name: { roles.ownerName } </span>     </div>   );}

由于組件的命名開頭字母是大寫,因此在使用時,就很容易和HTML、屬性值等區分開來:uUs28資訊網——每日最新資訊28at.com

<div>   <DogCartoon     roles={{ dogName: 'Scooby-Doo', ownerName: 'Shaggy' }}   /></div>

7. 方法的命名約定

這里說的方法指的是類中方法,在 JavaScript 中,類的方法和函數的結構是非常類似的,因此,命名約定規則也是一樣的。uUs28資訊網——每日最新資訊28at.com

推薦需要使用駝峰式方法來聲明 JavaScript 方法,并使用動詞作為前綴,使方法名稱更有意義:uUs28資訊網——每日最新資訊28at.com

class DogCartoon {  constructor(dogName, ownerName) {     this.dogName = dogName;     this.ownerName = ownerName;   }  getName() {     return '${this.dogName} ${this.ownerName}';   }}const cartoon= new DogCartoon('Scooby-Doo', 'Shaggy');console.log(cartoon.getName());   // "Scooby-Doo Shaggy"

8. 私有函數的命名約定

下劃線 (_) 在 MySQL 和 PHP 等語言中廣泛用于定義變量、函數和方法。但在 JavaScript 中,下劃線用于表示私有變量或函數。uUs28資訊網——每日最新資訊28at.com

例如,有一個私有函數名 toonName,則可以通過添加下劃線作為前綴 (_toonName) 來將其表示為私有函數。uUs28資訊網——每日最新資訊28at.com

class DogCartoon {   constructor(dogName, ownerName) {     this.dogName = dogName;     this.ownerName = ownerName;     this.name = _toonName(dogName, ownerName);   }   _toonName(dogName, ownerName) {     return `${dogName} ${ownerName}`;   } }const cartoon = new DodCartoon('Scooby-Doo', 'Shaggy'); // goodconst name = cartoon.name;console.log(name);   // "Scooby-Doo Shaggy" // badname =cartoon._toonName(cartoon.dogName, cartoon.ownerName);console.log(name);   // "Scooby-Doo Shaggy"

9. 全局變量的命名約定

對于 JavaScript 全局變量,沒有特定的命名標準。建議對可變全局變量使用駝峰式大小寫的方式,對不可變全局對象使用大寫uUs28資訊網——每日最新資訊28at.com

10. 文件名的命名約定

大多數 Web 服務器(Apache、Unix)在處理文件時都區分大小寫。例如,flower.jpg 和 Flower.jpg 是不一樣的。uUs28資訊網——每日最新資訊28at.com

但是,如果從不區分大小寫的服務器切換到區分大小寫的服務器,即使是一個小錯誤也可能導致網站崩潰。uUs28資訊網——每日最新資訊28at.com

因此,盡管它們是支持區分大小寫的,建議在所有服務器中還是使用小寫來命名文件。uUs28資訊網——每日最新資訊28at.com

本文鏈接:http://www.www897cc.com/showinfo-26-82954-0.htmlJavaScript 命名約定優秀實踐

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

上一篇: Redis Pipelining 底層原理分析及實踐

下一篇: 簡單易用的.NET免費開源RabbitMQ操作組件EasyNetQ

標簽:
  • 熱門焦點
  • 對標蘋果的靈動島 華為帶來實況窗功能

    繼蘋果的靈動島之后,華為也在今天正式推出了“實況窗”功能。據今天鴻蒙OS 4.0的現場演示顯示,華為的實況窗可以更高效的展現出實時通知,比如鎖屏上就能看到外賣、打車、銀行
  • 帥氣純真少年!日本最帥初中生選美冠軍出爐

    日本第一帥哥初一生選美大賽冠軍現已正式出爐,冠軍是來自千葉縣的宗田悠良。日本一直熱衷于各種選美大賽,從&ldquo;最美JK&rdquo;起到&ldquo;最美女星&r
  • iPhone賣不動了!蘋果股價創年內最大日跌幅:市值一夜蒸發萬億元

    8月5日消息,今天凌晨美股三大指數高開低走集體收跌,道指跌0.41%;納指跌0.36%;標普500指數跌0.52%。熱門科技股也都變化極大,其中蘋果報181.99美元,跌4.8%,創
  • 線程通訊的三種方法!通俗易懂

    線程通信是指多個線程之間通過某種機制進行協調和交互,例如,線程等待和通知機制就是線程通訊的主要手段之一。 在 Java 中,線程等待和通知的實現手段有以下幾種方式:Object 類下
  • JavaScript學習 -AES加密算法

    引言在當今數字化時代,前端應用程序扮演著重要角色,用戶的敏感數據經常在前端進行加密和解密操作。然而,這樣的操作在網絡傳輸和存儲中可能會受到惡意攻擊的威脅。為了確保數據
  • 阿里大調整

    來源:產品劉有媒體報道稱,近期淘寶天貓集團啟動了近年來最大的人力制度改革,涉及員工績效、層級體系等多個核心事項,目前已形成一個初步的&ldquo;征求意見版&rdquo;:1、取消P序列
  • 年輕人的“職場羞恥感”,無處不在

    作者:馮曉亭 陶 淘 李 欣 張 琳 馬舒葉來源:燃次元&ldquo;人在職場,應該選擇什么樣的著裝?&rdquo;近日,在網絡上,一個與著裝相關的帖子引發關注,在該帖子里,一位在高級寫字樓亞洲金
  • 小米汽車電池信息疑似曝光:容量101kWh,支持800V高壓快充

    7月14日消息,今日一名博主在社交媒體發布了一張疑似小米汽車電池信息的照片,顯示該電池包正是寧德時代麒麟電池,容量為101kWh,電壓為726.7V,可以預測小
  • OPPO K11搭載高性能石墨散熱系統:旗艦同款 性能涼爽釋放

    日前OPPO官方宣布,將于7月25日14:30舉辦新品發布會,屆時全新的OPPO K11將正式與大家見面,將主打旗艦影像,和同檔位競品相比,其最大的賣點就是將配備索尼
Top 主站蜘蛛池模板: 伽师县| 莲花县| 宝应县| 兴化市| 章丘市| 宁陕县| 乌拉特前旗| 东平县| 新安县| 星子县| 改则县| 天门市| 绍兴市| 广河县| 长武县| 金昌市| 女性| 吉安市| 卢湾区| 军事| 济宁市| 澄城县| 囊谦县| 赣榆县| 若尔盖县| 宁城县| 新泰市| 侯马市| 新密市| 隆回县| 津市市| 鹤岗市| 新泰市| 长岭县| 菏泽市| 灵寿县| 合作市| 宁陵县| 新巴尔虎左旗| 虹口区| 秦安县|