JavaScript基础指令(二)

语句

一段脚本是一步步的系列指令的集合,二每一条单独的指令或步骤就被称为一条语句.

• 每条语句都从一个新行开始, 并以分号;结尾
• 语句可以被组织成代码块, 并被包在花括号{}内

var today = new Date();
var hourNow = today.getHours();
var greeting;

if (hourNow > 18) {
    greeting = 'Good evening!';
} else if (hourNow > 12) {
    greeting = 'Good afternoon!';
} else if (hourNow > 0) {
    greeting = 'Good morning!';
} else {
    greeting = 'Welcome!';
}

document.write('<h3>' + greeting + '</h3>');

---

变量

变量在脚本中暂时性的储存一些信息或数据

声明和赋值

在使用变量之前,需要事先声明
var 关键词用于创建变量,紧跟着变量的名称(骆驼命名法)

var quantity

创建变量后即可给变量赋值
=是赋值操作符

var quantity;
quantity = 3;

---

数据类型

• 数字
• 字符串
• 布尔值 Boolean
• 数组
• 对象
• undefined
• null

---

变量的命名规则

• 必须以字母或$或_开头, 不能以数字开头
• 名称中不能使用-或.
• 不能使用关键字或保存字, 例如 var
• 大小写敏感
• 变量名要能够描述信息类型
• 超过一个单词,则使用骆驼命名法, 如 firstName

---

数组

数组是一种特殊类型的变量, 可以储存一个值也可以储存多个值, 标识复杂数据时数组非常有用.

• 数组中的值使用逗号,进行分隔
• 所有赋给数组的值被包含在一对中括号中
• 访问数组中的值, 使用变量-中括号-键的方式
• 数组中原书的数量,使用 length 方法
• 更改数组中值得方法和修改其他变量的值得方法一样colors[2] = 'beige'

var colors;
colors = ['white', 'black', 'custom'];

var el = document.getElementById('colors');
el.textContent = colors[2];

---

表达式

赋值表达式

第一次使用 var 声明一个变量时,他被赋予 undefined, 通过等号=赋予新值

var color = 'beige';

使用操作符

表达式中可以使用两个或更多的值

• 赋值操作符
• 算数操作符
  (先乘除,后加减)
  (+-*/ 加减乘除)
  (++递增 --递减 %求模)
• 字符串操作符
  (使用+将字符串顺序连在一起)
• 比较操作符
• 逻辑操作符

var area = (13 + 2) * 2;
var greeting = 'Hi' + 'Emile';
var buy = 3 > 5;     // 返回 false
var buy = (5 > 3) && (2 < 4);     //返回 true