JavaScript Basics_Fundamentals Part 1

JavaScript Variables

JavaScript 变量（Variables）是用于存储数据值的容器。

创建一个 JavaScript 变量，可以使用关键字 let。

Example

let message = 'Hello World!';
console.log(message);    // Hello World
let myName = "Mike";
console.log(myName);     // Mike
message = myName;        // 将 myName 的值赋给 message
console.log(message);    // Mike

The "old" var

在较早的脚本中，能够找到关键字 var 而不是 let。
关键字 var 与 let 都可以用来定义一个变量。

var 没有块级作用域。var 能够贯穿 if、for 或其他代码块，相当于能够将它们忽略。

Example 1

// var
if(true)
{
    var appleColor = 'red';
}

console.log(appleColor);    // 返回 red，可知变量经过 if 后依然存活

// let
if(true)
{
    let appleColor = 'red';
}

console.log(appleColor);    // Error: appleColor is not defined，可知变量经过 if 后被销毁

Example 2

for(var i = 0; i < 10; i++)
{
    var getNumber1 = i;
    let getNumber2 = i;
}
console.log(i);           // 10
console.log(getNumber1);  // 9
console.log(getNumber2);  // Error: getNumber2 is not defined

for(let j = 0; j < 10; j++)
{
    // ...
}
console.log(j);    // Error: j is not defined

在函数启动时（或全局脚本启动时）处理 var 声明，即所有 var 都会升到了函数的顶部。

Example

console.log(phrase);    // undefined，未报错
var phrase = "Hello";   // 赋值
console.log(phrase);    // Hello

// 上方代码相当于下方代码

var phrase;
console.log(phrase);    // undefined，未报错
phrase = "Hello";   // 赋值
console.log(phrase);    // Hello

let 现在是声明变量的主要方法。

变量命名
1. 变量名只能包含字母，数字或符号 $ 和 _，第一个字符不能为数字。
  
  Example
```
let $ = 10;
let _ = 19;
console.log($ + _);    // 29
```
2. 当名称包含多个单词时，通常使用驼峰式命名法（camelCase）。
  
  Example
```
let myName = "Mike";
let myBirthday = "11.01.1911";
```
3. 保留字，如 let、return 等不能作为变量名。

常量（Constants)

const 就像 let 一样，但是变量的值无法更改。

Example

const myBirthday = "11.01.1911";
myBirthday = "22.02.1922";    // Error: Assignment to constant variable.

使用名称为大写字母和下划线的常量作为难记忆的值的别名

Example

// 颜色十六进制值难记忆、难书写、难阅读，不像年龄一样每年都会改变，这时就可以使用大写的常量，同样，生日日期也可以使用大写常量。
const COLOR_RED = "#F00";
const COLOR_GREEN = "#0F0";
const COLOR_BLUE = "#00F";
const COLOR_ORANGE = "#FF7F00";

let appleColor = COLOR_RED;
console.log(appleColor);    // #F00

巴特西

JavaScript Basics_Fundamentals Part 1_Variables

JavaScript Variables

最新文章

热门文章