目录
JavaScript基础day2
JavaScript简介和体验
JavaScript的组成（有什么？）
ECMAScript:
规定了js基础语法核心知识。
比如：变量、分支语句、循环语句、对象等等
Web APIs :
DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作
BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等
JavaScript书写位置
1. 内部 JavaScript
直接写在html文件里，用script标签包住
规范：script标签写在</body>上面
拓展： alert(‘你好，js’) 页面弹出警告对话框
<body>
<script>
alert('你好，js')
</script>
</body>
2. 外部 JavaScript
代码写在以.js结尾的文件里
**语法：**通过script标签，引入到html页面中。
<script src="my.js"></script>
⭕️script标签中间无需写代码，否则会被忽略！
⭕️外部JavaScript会使代码更加有序，更易于复用，且没有了脚本的混合，HTML 也会更加易读，因此这是个好的习惯。
3. 内联 JavaScript
代码写在标签内部
语法：
<body>
<button onclick="alert('逗你玩~')"></button>
</body>
注意： 此处作为了解即可，但是后面vue框架会用这种模式
JavaScript注释和结束符
JavaScript注释
-
单行注释
符号：//
作用：//右边这一行的代码会被忽略
**快捷键：**ctrl + /
-
块注释
符号：**/* */
作用：*在/ 和 */ 之间的所有内容都会被忽略
**快捷键：**shift + alt + A
JavaScript结束符
作用： 使用英文的 ; 代表语句结束
实际情况： 实际开发中，可写可不写, 浏览器(JavaScript 引擎) 可以自动推断语句的结束位置
现状： 在实际开发中，越来越多的人主张，书写 JavaScript 代码时省略结束符
**约定：**为了风格统一，结束符要么每句都写，要么每句都不写（按照团队要求.）
JavaScript输入和输出语句和字面量
1、输出语法：
语法1：
document.write('我是div标签')
document.write('<h1>我是标题</h1>')
**作用：**向body内输出内容
**注意：**如果输出的内容写的是标签，也会被解析成网页元素
语法2：
alert('你好，js~')
**作用：**页面弹出警告对话框
语法3：
console.log('看看对不对')
**作用：**控制台输出语法，程序员调试使用
2、输入语法
语法：
prompt('请输入你的年龄：')
**作用：**显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字
字面量
在计算机科学中，字面量（literal）是在计算机中描述 事/物
比如：
我们工资是：1000， 此时 1000 就是数字字面量，
‘黑马程序员’ ：字符串字面量，
[] 数组字面量， {} 对象字面量 ，等等
变量
变量的基本使用
1. 声明变量：
要想使用变量，首先需要创建变量（也称为声明变量或者定义变量）
语法：
let 变量名;
- 声明变量有两部分构成：声明关键字、变量名（标识）
- let 即关键字 (let: 允许、许可、让、要)，所谓关键字是系统提供的专门用来声明（定义）变量的词语
举例：
let age;
我们声明了一个age变量
age 即变量的名称，也叫标识符
2. 变量赋值：
定义了一个变量后，你就能够初始化它（赋值）。在变量名之后跟上一个“=”，然后是数值。
// 1.声明一个变量
let age;
// 2.age变量赋值为18
age = 18;
// 3.输出age变量
alert(age)
// 声明的同时直接赋值，变量的初始化
let age = 18
⭕️是通过变量名来获得变量里面的数据
3. 更新变量：
变量赋值后，还可以通过简单地给它一个不同的值来更新它。
let age = 18
age = 19
console.log(age)
⭕️ let 不允许多次声明一个变量。
4. 声明多个变量：
变量赋值后，还可以通过简单地给它一个不同的值来更新它。
**语法：**多个变量中间用逗号隔开。
let age = 18,name = 'pink'
说明：看上去代码长度更短，但并不推荐这样。为了更好的可读性，请一行只声明一个变量。
let age = 18
let name = 'pink'
交换两个变量案例
let num1 = 10
let nun2 = 20
let temp
temp = num1
num1 = num2
num2 = temp
console.log(num1, num2)
变量的本质和命名规则
变量的本质
变量命名规则与规范
**规则：**必须遵守，不遵守报错 (法律层面)
**规范：**建议，不遵守不会报错，但不符合业内通识 （道德层面）
1. 规则：