一、本堂课重点内容：

引入方式
输入输出
关键字
变量名命名规则

二、详细知识点介绍：

掌握 JavaScript 的引入方式和作用
JavaScript的输入输出、关键字、变量名命名规则

2.1 引入方式

JavaScript 程序是不能独立运行的，需要被嵌入 HTML 中，浏览器才能执行 JavaScript 代码。

通过 <script></script> 标签将 JavaScript 代码引入到 HTML 中，有两种引入方式：

（1）内部形式

在html文件中通过 script 标签来写 JavaScript 代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScrip内部形式</title>
</head>
<body>
  <script>
    alert('这是我的青训营笔记~');
  </script>
</body>
</html>

（2）外部形式

将JavaScript 代码写在以 .js 结尾的文件中，然后通过在html文件中用 script 标签的 src 属性来引入

// test.js文件
document.write('这是我的青训营笔记');

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript外部形式</title>
</head>
<body>
  <script src="test.js"></script>
</body>
</html>

2.2 输入和输出

（1）输出

JavaScript输出：

alert()、document.wirte()，向 alert() 或 document.write()输入任意数字，他都会以弹窗形式展示。

（2）输入

prompt() 输入内容以弹窗形式出现在浏览器中。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript输入输出</title>
</head>
<body>
  <script> 
    document.write('输出内容');
    alert('输出内容');
    prompt('请输入您的信息:');
  </script>
</body>
</html>

2.3 关键字

JavaScript的关键字： let 和 var 来声明变量。

（1）使用 let 时的注意事项：

允许声明和赋值同时进行
不允许重复声明
允许同时声明多个变量并赋值
JavaScript 中内置的一些关键字不能被当做变量名

（2）使用 var 时的注意事项：

允许声明和赋值同时进行
允许重复声明
允许同时声明多个变量并赋值

let 和 var相比较更严谨，因此推荐使用 let。

2.4 变量名命名规则

变量的标识符需要遵守：

只能是字母、数字、下划线、$，且不能能数字开头
字母区分大小写，如 Age 和 age 是不同的变量
JavaScript 内部已占用关键字或保留字不允许使用
尽量保证变量具有一定的语义，见字知义

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScrip变量名命名规则</title>
</head>
<body> 
  <script> 
    let age = 18;
    let age1 = 18;
    // let 1age = 18; // 错误，不可以数字开头
    let Age = 24; 
    // let let = 18; // 错误，let 是关键字
    let int = 123; // int 是保留字，所以不推荐
  </script>
</body>
</html>

三、课后个人总结：

本章知识点中主要是初步了解JavaScript，对JavaScript有了初步的认识，对js的定义，标识符关键字以及变量的定义有了更深入的了解。

学习JS基础 | 青训营笔记