JavaScript-书写规则，变量的声明格式，变量的命名规则及注意事项，变量的数据类型，数据类型的分类，空(null) 与未定义(undefined)的用法

刺骨的言语ヽ痛彻心扉 2022-04-10 13:46 91阅读 0赞

## 语法规则 ##

1.  JavaScript对换行、缩进、空格不敏感。
2.  每一条语句末尾要加上分号，虽然分号不是必须加的，但是为了程序今后要压缩，如果不加分号，压缩之 后将不能运行了。
3.  所有的符号，都是英语的。比如括号、引号、分号。

## 注释 ##

程序中添加注释可便于理解、解释程序的作用，增强代码的可读性，注释内容程序不会运行。

## 变量的声明语法格式 ##

`var` 变量名 = 变量值

声明变量是使用系统关键字 `var` 来进行的，变量可以单独声明也可以同时声明多个，在声明时也可以给变量初始化（变量符值）

举例：

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

## 变量的命名规则 ##

1.  由英文字母(A-Z 和 a-z)、数字(0-9)、下划线(\_)、美元符号( $ )组成
2.  变量名不能以数字开头，可以以字母、下划线或 $ 开头
    
    例如：var \_name, $age;(正确的) var 3abc;(错误的)
3.  变量名不能是系统关键字。
    
    例如：var、switch、for、case、else、while 等。
4.  JS中的变量名是区分大小写的。
    
    例如：name和Name是两个变量
5.  JS中变量的名称一定要有意义。
    
    例如：代表年龄的变量用 age，姓名使用 userName
6.  当变量命名由多个单词构成时的两种命名方式
    
     *  驼峰式命名：
        
        第一个单词全小写，后面的每一个单词首字母大写。
        
        例如：
        
            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赋给一个变量，用于清除它的值