JavaScript百炼成仙》小结---待完结

《JavaScript百炼成仙》小结

一、掌握JavaScript基础

1.原生数据类型和对象数据类型

在JS中数据可以分为两类，分别为原生数据类型(primitive type)和对象数据类型(object type)。

• 原生数据类型：数字(eg: 123)、字符串(eg: "hello", 'hello')、布尔值(true/false)、Null(eg: null)、Undefined(eg: undefined)

  注：js对大小写敏感，上述的null/undefined表示属于Null/Undefined数据类型的值

• 对象数据类型：一种复合型数据类型，是一个存放多个数据的集合，每一个数据以键值对的形式存在（示例如下）

      // 定义对象person
      var person = {
        name: "tom",
        age: 20,
      };
  

2. 直接量和变量

• 直接量：表面上可以直接见到的数据值，常见的有数字、字符串、布尔值、null、undefined、对象和函数（如下代码字符串"Hello world"就是直接量）

• 变量：用于保存直接量，通过var关键字定义（如下代码a就是变量）

    var a = "Hello world";
  

3. null和undefined

• null：表示没有值，有些时候需要对变量赋值null，以达到清空的目的

• undefined：代表某个变量未被赋值

  注：变量定义了未赋值或者变量没有定义，变量均默认指向undefined

4. 对象数据类型取值方式

• 对于事先已知的属性，可以直接通过.符号来取值
• 对于实现未知的属性，或者调用的属性是动态变化的，可通过[]符号最大程度地提升属性调用的灵活度；也可用字符串表示属性，利用[]进行取值

示例代码：

  // 定义对象person
  var person = {
    name: "tom",
    age: 20,
  };

  // 对象的取值方式之.
  console.log(person.name);

  // 对象取值方式之[]
  for (var p in person) {
    console.log(p + "=" + person[p]);
  }

  console.log("通过字符串取name属性值:" + person["name"]);

运行结果：

5. JS运算符

• JS运算符有：加(+)、减(-)、乘(*)、除(/)、赋值(=)、取余(%)、自增(++)、自减(--)

• 自增分为前自增（++a）和后自增(a++)，自减亦如此

  注：对于前自增（++a），变量先自增再参与运算，对于后自增（a--）,变量先参与运算，再自增

代码示例：

  var num = 15;
  // 前自增
  console.log(++num);
  console.log(num);
  // 后自增
  console.log(num++);
  console.log(num);

运行结果：

6. 三种循环方式

• for( 初始化语句; 循环条件; 自增或自减 )

示例代码：

  for (var i = 0; i < 10; i++) {
    console.log(i);
  }

• while( 循环条件 )

示例代码：

  var i = 0;
  while (i < 10) {
    console.log(i);
    i++;
  }

• do{ 循环体; } while(循环条件);

示例代码：

  var j = 0;
  do {
    console.log(j);
    j++;
  } while (j < 10);

注：do while循环和while循环的区别是do while循环体至少执行一次