[TOC]

2-1 变量

1、什么是变量，作用？

变量是存储数据值的容器

2、声明变量、赋值（再次赋值会覆盖原值）

<script>
    // 变量的声明
    var username;
    var age; 

    // 变量的赋值
    username = '张三';
    age = 18;

    // 变量的声明和赋值同时进行
    var username2 = '李四';
    console.log(username2);  // 李四
    username2 = '王五';
    console.log(username2);  // 王五


</script>

2-2 js 变量命名规范

区分大小写(html 不区分大小写)
标识符(比如变量名称等) (1) 以字母、下划线、$开头 (2) 其他字符可以是字母、下划线、$或数字 (3) 驼峰式:小写字母开头,第二个打次首字母大写
注释 _ 单行注释 _ 多行注释
关键字和保留字 _ 关键字:系统在使用 _ 保留字:系统将来可能用到 _ 不能作为标识符来使用 * 用来作标识符就会报错

2-3变量类型

1、数字 Number 类型

  • 整数
  • 小数
  • 最大值和最小值 (了解)
  • NAN : 不是数字的数字

  • typeof 判断变量的类型

    <script>
// 数字类型: 整数
var count = 40;
var price = 3.5;

// 最大值和最小值
var maxValue = Number.MAX_VALUE;
var minValue = Number.MIN_VALUE;

// NaN 不是数字的数字 Not a Number
var aaa = NaN;

console.log(typeof count);  // number
console.log(typeof aaa);  // number
</script>

    2、String 类型 字符串

  • 有三种表达方式: 双引号, 单引号, 反引号

  • 推荐使用单引号
  • 如果字符串中含有引号, 单双引号同时使用

  • 字符串可以通过 + 进行拼接 `` <script> // 方式1: 双引号 var username = "张三"; // 方式2: 单引号 var password = '123456'; // 方式3: 反引号(模板字符串) var text =我们是中国人`;

    // 字符串中包含引号 var text1 = ‘我们是”中国人”‘;

    // 字符串拼接 var firstName = ‘Tom’; var lastName = ‘Jame’; var fullName = firstName + lastName; console.log(‘fullName:’,fullName);

<a name="DBxBD"></a>
### 3、Boolean 类型 true 和 false

   - 只有true和false两个值
   - 变量命名一般用疑问句


<a name="GHAy5"></a>
### 4、Undifined 类型 undefined<br />用来表示声明了变量但未初始化(赋值)


<a name="WQUor"></a>
### 5、Object 类型

   1. 普通对象（无序集合）
      - 对象的属性是无序的, 那个属性在前在后都没关系
      - 读取属性的两种方式
      - 修改对象属性
   2. 数组（特殊对象,有序集合）


```
<script>
    // 1.数组可以存放任意类型的是变量
    var arr = [111,'a', true, {a:2}];
    // 2.一般情况下,数组成员都是同一个类型
    var ages = [10,20,30,40];
    /**
     * 3.数组成员的读取
     * 第一个成员 ages[0];
     * 第二个成员 ages[1];
     */
    console.log('第一个成员',ages[0]);
    console.log('第二个成员',ages[1]);
    console.log('第三个成员',ages[2]);
    console.log('第四个成员',ages[3]);
    console.log('第五个成员',ages[4]); // 没有第五个成员,它的值是: undefined
    debugger;

    // 4.数组的长度
    console.log('数组的长度:',ages.length);
    // 5. 读取最后一个成员
    var len = ages.length;
    console.log('最后一个成员:',ages[len-1]);


</script>

6、Null 类型 null
声明一个变量准备用来存储对象

<script>
    var obj = null;
    console.log(typeof obj);  // object
</script>

2-4 基本数据类型和引用数据类型

1、基本数据类型(简单数据类型) Undefined、Null、Boolean、Number 和 String
2、引用数据类型(复杂数据类型) object,array (数组)
3、基本数据类型和引用数据类型的区别
a. 这两者的区别就好比钱包和银行卡的区别钱包直接放在身上, 钱直接放在钱包里, 而银行卡也是放在身上,但是钱却是放在银行,银行卡只是存放了那笔钱的一个地址信息
b. 基本数据类型存放在栈区, 引用数据类型的地址信息(引用, 线索) 存在放在栈区, 真实是数据存在堆区