学习资料来源：现代 JavaScript 教程
Javascript是什么
JavaScript 最初被创建的目的是“使网页更生动”。
这种编程语言写出来的程序被称为 脚本。它们可以被直接写在网页的 HTML 中，在页面加载的时候自动执行。
脚本被以纯文本的形式提供和执行。它们不需要特殊的准备或编译即可运行。
浏览器中的JavaScript能做什么？
- 在网页中添加新的 HTML，修改网页已有内容和网页的样式。
- 响应用户的行为，响应鼠标的点击，指针的移动，按键的按动。
- 向远程服务器发送网络请求，下载和上传文件（所谓的 AJAX 和 COMET 技术）。
- 获取或设置 cookie，向访问者提出问题或发送消息。
- 记住客户端的数据（“本地存储”）。
浏览器中的JavaScript不能做什么？
- 网页中的 JavaScript 不能读、写、复制和执行硬盘上的任意文件。
- 不同的标签页/窗口之间通常互不了解。
- JavaScript 可以轻松地通过互联网与当前页面所在的服务器进行通信。
Google Chrome开发者工具
快捷键：F12
默认情况下，开发者工具会被在Console标签中打开
具体什么样，要看你的 Chrome 版本。它随着时间一直在变，但是都很类似。
- 在这我们能看到红色的错误提示信息。这个场景中，脚本里有一个未知的 “lalala” 命令。
- 在右边，有个可点击的链接
bug.html:12。这个链接会链接到错误发生的行号。
在错误信息的下方，有个 > 标志。它代表“命令行”，在“命令行”中，我们可以输入 JavaScript 命令，按下 Enter 来执行。
注意：
通常，当我们向控制台输入一行代码后，按 Enter，这行代码就会立即执行。
如果想要插入多行代码，请按 Shift+Enter 来进行换行。这样就可以输入长片段的 JavaScript 代码了。
一、JavaScript基础知识
Hello World
“script” 标签
我们几乎可以使用 <script> 标签将 JavaScript 程序插入到 HTML 文档的任何位置。
比如：
<!DOCTYPE HTML>
<html>
<body>
<p>script 标签之前...</p>
<script>
alert('Hello, world!');
</script>
<p>...script 标签之后</p>
</body>
</html>外部脚本
如果你有大量的 JavaScript 代码，我们可以将它放入一个单独的文件。
脚本文件可以通过 src 特性（attribute）添加到 HTML 文件中。
<script src="/path/to/script.js"></script>要附加多个脚本，请使用多个标签：
<script src="/js/script1.js"></script>
<script src="/js/script2.js"></script>请注意：
一般来说，只有最简单的脚本才嵌入到 HTML 中。更复杂的脚本存放在单独的文件中。
使用独立文件的好处是浏览器会下载它，然后将它保存到浏览器的 缓存 中。
之后，其他页面想要相同的脚本就会从缓存中获取，而不是下载它。所以文件实际上只会下载一次。
这可以节省流量，并使得页面（加载）更快。
如果设置了 src 特性，script 标签内容将会被忽略。
一个单独的 <script> 标签不能同时有 src 特性和内部包裹的代码。
这将不会工作：
<script src="file.js">
alert(1); // 此内容会被忽略，因为设定了 src
</script>在大多数情况下，换行意味着一个分号。但是“大多数情况”并不意味着“总是”！
有很多换行并不是分号的例子，例如：
alert(3 +
1
+ 2);代码输出 6，因为 JavaScript 并没有在这里插入分号。显而易见的是，如果一行以加号 "+" 结尾，那么这是一个“不完整的表达式”，不需要分号。所以，这个例子得到了预期的结果。
但存在 JavaScript 无法确定是否真的需要自动插入分号的情况。
即使语句被换行符分隔了，依然建议在它们之间加分号。这个规则被社区广泛采用。再次强调一下 —— 大部分时候可以省略分号，但是最好不要省略分号，尤其对新手来说。
注释快捷键
在大多数的编辑器中，一行代码可以使用 Ctrl+/ 快捷键进行单行注释，诸如 Ctrl+Shift+/ 的快捷键可以进行多行注释（选择代码，然后按下快捷键）。对于 Mac 电脑，应使用 Cmd 而不是 Ctrl，使用 Option 而不是 Shift。
现代模式，"use strict"
长久以来，JavaScript 不断向前发展且并未带来任何兼容性问题。新的特性被加入，旧的功能也没有改变。
这么做有利于兼容旧代码，但缺点是 JavaScript 创造者的任何错误或不完善的决定也将永远被保留在 JavaScript 语言中。
这种情况一直持续到 2009 年 ECMAScript 5 (ES5) 的出现。ES5 规范增加了新的语言特性并且修改了一些已经存在的特性。为了保证旧的功能能够使用，大部分的修改是默认不生效的。你需要一个特殊的指令 —— "use strict" 来明确地激活这些特性。
"use strict" 可以被放在函数体的开头。这样则可以只在该函数中启用严格模式。但通常人们会在整个脚本中启用严格模式。
没有办法取消 use strict
没有类似于 "no use strict" 这样的指令可以使程序返回默认模式。
一旦进入了严格模式，就没有回头路了。
变量命名
JavaScript 的变量命名有两个限制：（区分大小写）
- 变量名称必须仅包含字母、数字、符号
$和_。 - 首字符必须非数字。
有效的命名，例如：
let userName;
let test123;如果命名包括多个单词，通常采用驼峰式命名法（camelCase）。也就是，单词一个接一个，除了第一个单词，其他的每个单词都以大写字母开头：myVeryLongName。
有趣的是，美元符号 '$' 和下划线 '_' 也可以用于变量命名。它们是正常的符号，就跟字母一样，没有任何特殊的含义。
下面的命名是有效的：
let $ = 1; // 使用 "$" 声明一个变量
let _ = 2; // 现在用 "_" 声明一个变量
alert($ + _); // 3题目
检查下面的代码：
const birthday = '18.04.1982';
const age = someCode(birthday);这里我们有一个 birthday 日期常量和通过一些代码（为了保持简短这里没有提供，因为这些细节在这无关紧要）从 birthday 计算出的 age 常量。
对于 birthday 使用大写方式正确吗？那么 age 呢？或者两者都用？
const BIRTHDAY = '18.04.1982'; // 使用大写？
const AGE = someCode(BIRTHDAY); // 使用大写？我们通常用大写字母表示“硬编码（hard-coded）”的常量。或者，换句话说就是，当值在执行之前或在被写入代码的时候，我们就知道值是什么了。
在这个代码中 birthday 确实是这样的。因此我们可以使用大写。
在对照组中，age 是在程序运行时计算出的。今天我们有一个年龄，一年以后我们就会有另一个。它在某种意义上不会随着代码的执行而改变。但与 birthday 相比，它还是有一定的可变性：它是计算出来的，因此我们应该使用小写。
数据类型
JavaScript 中的值都具有特定的类型。例如，字符串或数字。
在 JavaScript 中有 8 种基本的数据类型（译注：7 种原始类型和 1 种引用类型）。在这里，我们将对它们进行大体的介绍，在下一章中，我们将详细讨论它们。
我们可以将任何类型的值存入变量。例如，一个变量可以在前一刻是个字符串，下一刻就存储一个数字
// 没有错误
let message = "hello";
message = 123456;允许这种操作的编程语言，例如 JavaScript，被称为“动态类型”（dynamically typed）的编程语言，意思是虽然编程语言中有不同的数据类型，但是你定义的变量并不会在定义后，被限制为某一数据类型。
String 类型
JavaScript 中的字符串必须被括在引号里。
let str = "Hello";
let str2 = 'Single quotes are ok too';
let phrase = `can embed another ${str}`;在 JavaScript 中，有三种包含字符串的方式。
- 双引号：
"Hello". - 单引号：
'Hello'. - 反引号：
`Hello`.
双引号和单引号都是“简单”引用，在 JavaScript 中两者几乎没有什么差别。
反引号是 功能扩展 引号。它们允许我们通过将变量和表达式包装在 ${…} 中，来将它们嵌入到字符串中。例如：
let name = "John";
// 嵌入一个变量
alert( `Hello, ${name}!` ); // Hello, John!
// 嵌入一个表达式
alert( `the result is ${1 + 2}` ); // the result is 3问题：
下面的脚本会输出什么？
let name = "Ilya";
alert( `hello ${1}` ); // ?
alert( `hello ${"name"}` ); // ?
alert( `hello ${name}` ); // ?反引号将包装在 ${...} 中的表达式嵌入到了字符串。
let name = "Ilya";
// 表达式为数字 1
alert( `hello ${1}` ); // hello 1
// 表达式是一个字符串 "name"
alert( `hello ${"name"}` ); // hello name
// 表达式是一个变量，嵌入进去了。
alert( `hello ${name}` ); // hello Ilya交互：alert、prompt 和 confirm
alert
这个我们前面已经看到过了。它会显示一条信息，并等待用户按下 “OK”。
弹出的这个带有信息的小窗口被称为 模态窗。“modal” 意味着用户不能与页面的其他部分（例如点击其他按钮等）进行交互，直到他们处理完窗口。在上面示例这种情况下 —— 直到用户点击“确定”按钮。
prompt
prompt 函数接收两个参数：
result = prompt(title, [default]);浏览器会显示一个带有文本消息的模态窗口，还有 input 框和确定/取消按钮。
title
显示给用户的文本
default
可选的第二个参数，指定 input 框的初始值。
语法中的方括号 [...]
上述语法中 default 周围的方括号表示该参数是可选的，不是必需的。
访问者可以在提示输入栏中输入一些内容，然后按“确定”键。然后我们在 result 中获取该文本。或者他们可以按取消键或按 Esc 键取消输入，然后我们得到 null 作为 result。
prompt 将返回用户在 input 框内输入的文本，如果用户取消了输入，则返回 null。
访问者可以在提示输入栏中输入一些内容，然后按“确定”键。然后我们在 result 中获取该文本。或者他们可以按取消键或按 Esc 键取消输入，然后我们得到 null 作为 result。
prompt 将返回用户在 input 框内输入的文本，如果用户取消了输入，则返回 null。
举个例子：
let age = prompt('How old are you?', 100);
alert(`You are ${age} years old!`); // You are 100 years old!第二个参数是可选的。但是如果我们不提供的话，Internet Explorer 会把 "undefined" 插入到 prompt。
我们可以在 Internet Explorer 中运行下面这行代码来看看效果：
let test = prompt("Test");所以，为了 prompt 在 IE 中有好的效果，我们建议始终提供第二个参数：
let test = prompt("Test", ''); // <-- 用于 IE 浏览器confirm
result = confirm(question);confirm 函数显示一个带有 question 以及确定和取消两个按钮的模态窗口。
点击确定返回 true，点击取消返回 false。
let isBoss = confirm("Are you the boss?");
alert( isBoss ); // 如果“确定”按钮被按下，则显示 true运算符
用二元运算符 + 连接字符串
注意：只要任意一个运算元是字符串，那么另一个运算元也将被转化为字符串。
举个例子：
alert( '1' + 2 ); // "12"
alert( 2 + '1' ); // "21"类型转换
下面这些表达式的结果是什么？
"" + 1 + 0
"" - 1 + 0
true + false
6 / "3"
"2" * "3"
4 + 5 + "px"
"$" + 4 + 5
"4" - 2
"4px" - 2
" -9 " + 5
" -9 " - 5
null + 1
undefined + 1
" \t \n" - 2"" + 1 + 0 = "10" // (1)
"" - 1 + 0 = -1 // (2)
true + false = 1
6 / "3" = 2
"2" * "3" = 6
4 + 5 + "px" = "9px"
"$" + 4 + 5 = "$45"
"4" - 2 = 2
"4px" - 2 = NaN
" -9 " + 5 = " -9 5" // (3)
" -9 " - 5 = -14 // (4)
null + 1 = 1 // (5)
undefined + 1 = NaN // (6)
" \t \n" - 2 = -2 // (7)- 有字符串的加法
"" + 1，首先会将数字1转换为一个字符串："" + 1 = "1"，然后我们得到"1" + 0，再次应用同样的规则得到最终的结果。 - 减法
-（像大多数数学运算一样）只能用于数字，它会使空字符串""转换为0。 - 带字符串的加法会将数字
5加到字符串之后。 - 减法始终将字符串转换为数字，因此它会使
" -9 "转换为数字-9（忽略了字符串首尾的空格）。 null经过数字转换之后会变为0。undefined经过数字转换之后会变为NaN。- 字符串转换为数字时，会忽略字符串的首尾处的空格字符。在这里，整个字符串由空格字符组成，包括
\t、\n以及它们之间的“常规”空格。因此，类似于空字符串，所以会变为0。
这里有一段代码，要求用户输入两个数字并显示它们的总和。
它的运行结果不正确。下面例子中的输出是 12（对于默认的 prompt 的值）。
为什么会这样？修正它。结果应该是 3。
let a = prompt("First number?", 1);
let b = prompt("Second number?", 2);
alert(a + b); // 12原因是 prompt 以字符串的形式返回用户的输入。
所以变量的值分别为 "1" 和 "2"。
我们应该做的是，在 + 之前将字符串转换为数字。例如，使用 Number() 或在 prompt 前加 +。
例如，就在 prompt 之前加 +：
let a = +prompt("First number?", 1);
let b = +prompt("Second number?", 2);
alert(a + b); // 3或在 alert 中：
let a = prompt("First number?", 1);
let b = prompt("Second number?", 2);
alert(+a + +b); // 3对 null 和 undefined 进行比较
当使用 null 或 undefined 与其他值进行比较时，其返回结果常常出乎你的意料
当使用严格相等 === 比较二者时
它们不相等，因为它们属于不同的类型。
alert( null === undefined ); // false当使用非严格相等 == 比较二者时
JavaScript 存在一个特殊的规则，会判定它们相等。它们俩就像“一对恋人”，仅仅等于对方而不等于其他任何的值（只在非严格相等下成立）。
alert( null == undefined ); // true当使用数学式或其他比较方法 < > <= >= 时：
null/undefined 会被转化为数字：null 被转化为 0，undefined 被转化为 NaN。
下面让我们看看，这些规则会带来什么有趣的现象。同时更重要的是，我们需要从中学会如何远离这些特性带来的“陷阱”。
奇怪的结果：null vs 0
通过比较 null 和 0 可得：
alert( null > 0 ); // (1) false
alert( null == 0 ); // (2) false
alert( null >= 0 ); // (3) true
86
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
