JavaScript - First step - Variables

Variable

变量是存放值的容器。使用 var 或者 let 关键字创建变量。

创建变量：

let myName;
let myAge;

此时变量容器是空的，没有值放在里面，若取得变量的值，返回值会是：undefine

初始化变量：

myName = 'Chris';
myAge = 37;

let myDog = 'Rover';

var 和 let 的区别

为什么会有两个声明变量的关键字，这个是历史问题。起初只有 var 关键字，它在大多数情况下工作是良好的，某些情况下会变得混乱，所以在后来的 JavaScript 中加入了 let 关键字，来声明变量。

情况举例：

myName = 'Chris';

function logName() {
  console.log(myName);
}

logName();

var myName;

看起来是先声明，后使用。应当是错误的，但通过 var hosting 其可以正常执行。let 不支持这种 hosting 机制。

var myName = 'Chris';
var myName = 'Bob';

var 关键字可以声明多个相同的变量，let 就不允许。

所以推荐使用 let 关键字来声明变量，除非是为了支持旧版本的 IE (IE v11 之前的版本不支持 let)。

更新变量值：

myName = 'Bob';
myAge = 40;

变量名称命名规则

变量名称中可以包含：0-9 a-z A-Z 下划线

下划线不要用在变量名称的首位，因为它被用在 JavaScript 构造器中，来指示特别的意义。

数字不能用在变量名称首位。

使用 lower camel case 规则来书写变量名。如： myFirstName

变量名对大小写是敏感的。如：myage 同 myAge 是不同的。

JavaScript 保留关键字，是不能用于变量名的。

变量类型

Numbers 数值型

Strings 字符串型

let dolphinGoodbye = 'So long and thanks for all the fish';
let dolphinGoodbye = "So long and thanks for all the fish";

Booleans 布尔型

let iAmAlive = true;
let test = 6 < 3;

Arrays 数组型

let myNameArray = ['Chris', 'Bob', 'Jim'];
let myNumberArray = [10, 15, 40];

myNameArray[0]; // should return 'Chris'
myNumberArray[2]; // should return 40

Objects 对象型

let dog = { name : 'Spot', breed : 'Dalmatian' };

Dynamic typing

JavaScript 是动态类型语言

let myNumber = '500'; // oops, this is still a string
typeof myNumber;
myNumber = 500; // much better — now this is a number
typeof myNumber;

Constants in JavaScript

常量，就是一旦声明，就不能再改变的变量。早期的 JavaScript 版本中不存在常量声明。

const daysInWeek = 7;
const hoursInDay = 24;

const daysInWeek = 7;
daysInWeek = 8; // 错误