三、开始书写第一个JS程序

JS有三大知识体系：

语言核心
DOM
BOM

3.1 写代码的地方

和我们的HTML、CSS一样，用IDE（集成开发环境，如VS Code）开发写代码，用浏览器运行

创建一个HTML文件，注意JS也是“寄生语言”，不能脱离HTML运行。

按原来的方法，就是html：5按tab键生成骨架之后，书写<script></script>标签对，这是JS的舞台：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
      <script></script>  
</body>
</html>

有的时候编辑器会生成:

<script type="text/javascript">
    
</script>

这个type实际上是以前的HTML版本的东西，如果你的VS Code 给你生成了，留着就行。

3.2 认识`alert()`

<script type="text/javascript">
        alert("你好，给你讲个故事");
        alert("从前有座山，山上有座庙");
        alert("庙里有个老和尚");
        alert("在给小和尚讲故事");
</script>

写几条就有几个警告框：

JS的程序是由一条条语句组成的。语句的结尾，一般来说要以分号结尾。注意分号是英语分号，不是中文的。
alert是js语言提供的，表示弹出警告框。这个东西叫做API（Application Interfaces,通用程序接口），说白了就是人家定的东西。不能更改，如果书写错误，就没有任何功能。
语法是必须要遵守的。alert是一个函数，他后面必须加英文的(),圆括号里面显示的内容是字符串，这里必须被英语的" “双引号包裹，左边是英文的，右边的是中文的。圆括号标示运行函数。

alert我们叫做输出语句，因为他能把程序中的一些值、信息显示给用户。

3.3 认识`console.log()`

在编辑器中输入log按tab键即可展开为：

1	console.log();

console就是控制台的意思，log就是输出的意思。

<script>
       console.log("你好，我又来了讲故事了");
       console.log("哈哈哈哈哈哈");
</script>

我们的信息将在控制台中显示

3.4 利用控制台挑错

如果你API写错了，比如：

aleet("你好");

Uncaught ReferenceError   未被捕获的引用错误
aleet is not defined      aleet这个词没有被定义，说明你写错了
:11                       发生错误的行号

如果你语法写错了：

alert(“你好”);      引号为中文

Uncaught SyntaxError            未被捕获的语法错误
Invalid or unexpected token     非法或者不期望的符号

总结一下：

ReferenceError  表示API用错了，alert拼错了
SyntaxError     表示语法错误，出现中文了

3.5 注释

按快捷键Ctrl+/ 生成的是单行注释（/后面一般有个空格）

1	// 我是一个单行注释

按Ctrl+shift+/，生成块级注释

/* 
   我是块级注释
   我是块级注释
 */

有的为了美观：补*

/* *
*我是块级注释
*我是块级注释
*/

3.6 控制台是一个`REPL`环境

在控制台中可以随时输入一些表达式，按回车之后就会立即显示计算结果，非常方便我们调试学习

REPL是英语read（读）、Eval（求值）、Print（打印结果）、Loop（循环）