首頁 > web前端 > js教程 > javascript變數的聲明與命名規範總結

javascript變數的聲明與命名規範總結

WBOY
發布: 2022-08-03 17:17:01
原創
2314 人瀏覽過

本篇文章為大家帶來了關於javascript的相關知識,其中主要介紹了JavaScript的書寫規則、變數的聲明格式、變數的命名規則、及注意事項,變數的資料類型,資料類型的分類,空(null) 與未定義(undefined)的用法,下面一起來看一下,希望對大家有幫助。

javascript變數的聲明與命名規範總結

【相關推薦:javascript影片教學web前端

語法規則

  • JavaScript對換行、縮排、空格不敏感。

  • 每一語句末尾要加上分號,雖然分號不是必須加的,但是為了程式今後要壓縮,如果不加分號,壓縮之 後將不能運行了。

  • 所有的符號,都是英文的。例如括號、引號、分號。

註解

程式中加入註解可便​​於理解、解釋程式的作用,增強程式碼的可讀性,註解內容程式不會運作。

變數的宣告語法格式

宣告變數是使用系統關鍵字var 來進行的,變數可以單獨宣告也可以同時宣告多個,在宣告時也可以為變數初始化(變數符值)

舉例:

var name;         //声明一个变量
var name, sex, age;  //同时声明多个变量,多个变量间用英文下的逗号隔开
var name = "小强";   //一边声明一边赋值
登入後複製

變數的宣告(三種方式)

##變數使用前需要先聲明;宣告變數的關鍵字是:var;

语法:var 变量名 = 变量值;
登入後複製

先聲明,再賦值

var a; //变量的声明
a = 10; //变量的赋值
登入後複製

同時宣告和賦值

var a = 10; //变量的声明和赋值
登入後複製

同時宣告多個變數並賦值(注意:當宣告多個變數和賦值時,變數之間用逗號隔開)

var a = 10, b = 20; //多个变量的声明和赋值
登入後複製

不聲明,直接賦值(注意:這個是不規範的寫法!)

age = 18; //变量的赋值
console.log( age ); //结果为20,浏览器能帮助识别,但是不规范,不推荐使用
登入後複製

只聲明,不賦值,此時預設undefined

var name; //变量的声明
console.log( name ); //undefined
登入後複製

不宣告也不賦值,直接使用

如果一個變數不宣告也不賦值,直接使用,此時會報錯,name is not defined,因為這個name變數壓根不存在。注意:從報錯哪一行開始,之後的程式碼是不會執行的!

console.log( '我是第一行代码' ); //正常显示
console.log( name ); //报错
console.log( '我是第二行代码' ); //不显示不执行
登入後複製

變數的命名規則

  • 嚴格區分大小寫(大寫的變數和小寫的變數是不同的變數)

  • 變數名稱不能以數字開頭,可以以字母、底線或$ 開頭

    例如:var _name, $age;(正確的) var 3abc;(錯誤的)

  • #變數名稱不能是系統關鍵字。

    例如:var、switch、for、case、else、while 等。

  • JS中的變數名稱是區分大小寫的。

    例如:name和Name是兩個變數

  • JS中變數的名稱一定要有意義。

    例如:代表年齡的變數以age,姓名使用userName

  • 當變數命名由多個單字構成時的兩種命名方式

    • #駝峰式命名:

      第一個單字全小寫,後面的每一個單字首字母大寫。

      例如:

      var  userName = "钢蛋"
      登入後複製

    • 下劃線式命名:

      所有單字全小寫,中間用底線連接

      例如:

      var  get_user_name = "铁柱"
      登入後複製

變數的資料型別

變數是有資料型別的,JavaScript 是一種弱型別或說動態語言,這代表不用提前宣告變數的類型,在程式碼運行時,變數的資料類型是由JS引擎根據變數= (等號)右邊的變數值的資料類型來判斷的。同時也意味著相同的變數可用作不同的類型這個類型來自於"變數的值"

換句話說:值是什麼類型的,變數就是什麼類型的。

  • JS中變數的型別有:

    數值類型(number)、字元型(string)、布林型(boolean)、undefined(未定義)、null (空)、array(數組)、object(物件)、function(函數)

#變數的資料型別,分成兩大類別

基本資料型態:

數值型、字元型、布林型、未定義型、空型。很顯著的特徵:一個變數名只能存一個值。

var a = 10;
var b = 'string';
var c = false;
var d = undefined;
var e = null;
登入後複製

複合資料型別

陣列、物件、函數,顯著的特點:一個變數名,可能存多個值。

var arr = [10,20,30,40];//数组
var today = new Date();//对象
//函数
function myFunction(){
	console.log('函数');
}
登入後複製

數值類型:能進行數學運算的變數

#數值類型包含:整數、浮點型、NaN(表示不是一個數值)。

var a = 999;// 整型
var b = 0.9;// 浮点型
var c = NaN;// NaN
登入後複製

數值型中一個很特殊的值NaN,NaN(not a number) 不是一個數字;當將其它資料型別,轉成數值型,轉不過去,但程式又不能報錯,這時將會傳回一個NaN 的值;NaN 本身是一個Number 數值型的變數。

字元型

用單引號或雙引號,引起來的一個字串。

var a = "我是一个字符串";
var b = '我也是一个字符串';
var c = "";
登入後複製

注意:

  • 单引号和双引号之间可以相互嵌套;
  • 单引号内只能嵌套双引号;
  • 双引号内只能嵌套单引号。

布尔型

布尔型又称逻辑型。只有两个值:true(真)、false(假)。

布尔型只有两个状态。如:性别、婚否、灯的开关等。

布尔型常用if条件判断语句中

var a = true;
var b = false;
登入後複製

未定义型 undefined

当一个变量定义,但未赋值时,将返回未定义型,未定义型的值只有一个undefined

当一个对象的属性不存在,也返回未定义型。

var a;//定义了变量但未赋值
console.log(a) // undefined

// 定义了一个对象
var obj = {
	uname: '品如',
	info: '你好骚啊!',
	age: 20
}
var test = obj.gender
console.log(test) // undefined
登入後複製

空型 null

当一个对象不存在时,将返回空型,空型的值只有一个null。

也可以理解为:是一个对象的占位符。

如果想清除一个变量的值的话,可以给赋一个null的值。

var a = 100;
var a = null ;  //将一个null赋给一个变量,用于清除它的值
登入後複製

【相关推荐:javascript视频教程web前端

以上是javascript變數的聲明與命名規範總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板