1、简介
JavaScript是一种客户端脚本语言，用于在Web浏览器中动态地操纵HTML内容和样式。
它是与HTML和CSS配合使用的，并允许在页面加载完成后执行动态操作，如创建交互式表单、弹出消息框、执行动画效果等。
JavaScript的基本语法和C语言类似，具有变量、数据类型、控制结构、函数等基本功能。此外，它还提供了多种内置对象，如Math、Date、Array等，以及执行常见任务的方法。
JavaScript代码可以内嵌在HTML页面中，或在外部文件中引用。
在HTML中，JavaScript代码通常位于head部分或body部分的script标签中。
JavaScript 是一门跨平台、面向对象的脚本语言，而Java语言也是跨平台的、面向对象的语言，只不过Java是编译语言，是需要编译成字节码文件才能运行的；JavaScript是脚本语言，不需要编译，由浏览器直接解析并执行。
2、JavaScript引入方式
JavaScript 引入方式就是 HTML 和 JavaScript 的结合方式。
JavaScript引入方式有两种：
内部脚本：将 JS代码定义在HTML页面中
外部脚本：将 JS代码定义在外部 JS文件中，然后引入到 HTML页面中
2.1、内部脚本
在 HTML 中，JavaScript 代码必须位于 <script> 与 </script> 标签之间，代码如下：
1. <!DOCTYPE html> 2. <html lang="en"> 3. <head> 4. <meta charset="UTF-8"> 5. <title>Title</title> 6. </head> 7. <body> 8. <script> 9. alert("hello js1"); 10. </script> 11. </body> 12. </html>
效果如下：
提示： 在 HTML 文档中可以在任意地方，放置任意数量的标签。
一般把脚本置于元素的底部，可改善显示速度
因为浏览器在加载页面的时候会从上往下进行加载并解析。
我们应该让用户看到页面内容，然后再展示动态的效果。
2.2、外部脚本
demo.js 文件内容如下：alert("hello js");
在页面中引入外部的js文件
在页面使用 script 标签中使用 src 属性指定 js 文件的 URL 路径
注意：
外部脚本不能包含 <script> 标签
在js文件中直接写 js 代码即可，不要在 js文件 中写 script 标签
<script> 标签不能自闭合
在页面中引入外部js文件时，不能写成 <script src="../js/demo.js" />
3、基础语法
3.1、书写语法
区分大小写：与 Java 一样，变量名、函数名以及其他一切东西都是区分大小写
每行结尾的分号可有可无
如果一行上写多个语句时，必须加分号用来区分多个语句。
注释
单行注释：// 注释内容
多行注释：/* 注释内容 */
注意：JavaScript 没有文档注释。大括号表示代码块
3.2、输出语句
js 可以通过以下方式进行内容的输出，只不过不同的语句输出到的位置不同。
输出方式
①使用 window.alert() 写入警告框
②使用 document.write() 写入 HTML 输出
③使用 console.log() 写入浏览器控制台
3.2.1、window.alert()
1. <!DOCTYPE html> 2. <html lang="en"> 3. <head> 4. <meta charset="UTF-8"> 5. <title>Title</title> 6. </head> 7. <body> 8. <script> 9. alert("hello js1"); 10. window.alert("hello js2"); 11. </script> 12. </body> 13. </html>
效果：
3.2.2、document.write()
1. <!DOCTYPE html> 2. <html lang="en"> 3. <head> 4. <meta charset="UTF-8"> 5. <title>Title</title> 6. </head> 7. <body> 8. <script> 9. alert("hello js1"); 10. window.alert("hello js2"); 11. document.write("hello js3"); 12. </script> 13. </body> 14. </html>
效果：
3.2.3、console.log()
1. <!DOCTYPE html> 2. <html lang="en"> 3. <head> 4. <meta charset="UTF-8"> 5. <title>Title</title> 6. </head> 7. <body> 8. <script> 9. alert("hello js1"); 10. window.alert("hello js2"); 11. document.write("hello js3"); 12. console.log("hello js4"); 13. </script> 14. </body> 15. </html>
效果：
3.3、变量
JavaScript 中用 var 关键字（variable 的缩写）来声明变量。
格式：var 变量名 = 数据值;
JavaScript 是一门弱类型语言，变量可以存放不同类型的值；如下在定义变量时赋值为数字数据，还可以将变量的值改为字符串类型的数。
var test = 20;
test = "张三";
js 中的变量名命名也有如下规则，和java语言基本都相同
组成字符可以是任何字母、数字、下划线或美元符号
数字不能开头
建议使用驼峰命名
JavaScript 中 var 关键字有点特殊，有以下地方和其他语言不一样：
①作用域：全局变量
1. { 2. var age = 20; 3. } 4. alert(age); // 在代码块中定义的age 变量，在代码块外边还可以使用
②变量可以重复定义
1. { 2. var age = 20; 3. var age = 30;//JavaScript 会用 30 将之前 age 变量的 20 替换掉 4. } 5. alert(age); //打印的结果是 30
针对如上的问题，ECMAScript 6 新增了 let 关键字来定义变量。它的用法类似于 var ，但是所声明的变量，只在 let 关键字所在的代码块内有效，且不允许重复声明，如：
1. { 2. let age = 20; 3. } 4. alert(age);
同时，ECMAScript 6 新增了 const关键字，用来声明一个只读的常量。
一旦声明，常量的值就不能改变
可以看到，重新赋值的时候报错了
3.3.1、ECMAScript
ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。
这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，所以它可以理解为是JavaScript的一个标准,但实际上后两者是ECMA-262标准的实现和扩展
3.4、数据类型
JavaScript 中提供了两类数据类型：原始类型 和 引用类型。
使用 typeof 运算符可以获取数据类型
alert(typeof age); 以弹框的形式将 age 变量的数据类型输出
原始数据类型：
①number：数字（整数、小数、NaN(Not a Number)）
NaN是一个特殊的number类型的值
②string：字符、字符串，单双引皆可
在 js 中 双引号和单引号都表示字符串类型的数据
③boolean：布尔。true，false
④null：对象为空
var obj = null;
alert(typeof obj);//结果是 object
为什么null是object，官方解释：
⑤undefined：当声明的变量未初始化时，该变量的默认值是 undefined
