a. JS 是一门高级编程语言（也可称为脚本语言），通过 js 引擎转变成机器语言进行执行。
b. JS 的组成
JS语法
DOM-页面文档对象模型
BOM-浏览器对象模型
1. JS 书写形式
JS 中使用单引号书写
- 行内式
<input type="button" value="按钮显示的文字" οnclick="alert('弹框显示的内容')"
// onclick：点击 alert：弹框
- 内嵌式
// 写在<head>中
<script>alert('弹框显示的内容')</script>
- 引入式
// 写在<head>中
a. 创建一个js文件
b. 引入 <script scr="js文件地址"></script>
2. 注释
a. 单行注释 //xxx 快捷键：“ctrl+/”
b. 多行注释 /_ xxx _/ 快捷键：“shift+alt+a” 【VScode中可以自定义快捷键】
3. 输入输出语言
| 代码形式 | 说明 |
|---|---|
| alert（msg） | 浏览器弹出警示框 |
| console.log（msg） | 浏览器控制台打印输出信息(浏览器检查中可看) |
| prompt（info） | 浏览器弹出输入框，用户可输入 |
prompt('弹出输入框显示的标题内容');
alert('弹出警示框显示的内容');
console.log('检查元素中显示的内容');
4. 变量
用于存放数据的容器，通过变量名获取数据
1. 变量的使用
a. 声明变量
var age; // 声明一个名称为age的变量，变量名可自行设置b. 赋值（把值存入变量中）
age = 18; // 给age变量赋值为18c. 变量初始化（将声明变量与赋值同时书写）
var age = 18; //声明变量同时赋值18// 可通过 console.log(age);检查是否赋值成功
// 除数字外，其他内容用’'包裹，如：var name = ’知恩‘；
<script>
var myname = prompy('输入用户名') // 用户输入后存储到myname变量中
alert(myname) // 弹出用户输入的信息内容
</script>
2. 变量更新
var name = '知恩'；
name = 'IU' // 后面的IU会覆盖前面的知恩
3. 声明多个变量
var age = 18, // 多个变量中间用逗号隔开
address = '地址名',
name = '用户名'; // 最后用分号结尾
4. 声明变量的特殊情况
a. 只声明，不赋值
var name； // 输出后结果为 undefined（未定义）
b. 不声明，不赋值
// 输出后会报错
c. 不声明，只赋值
// 可以输出相应结果，但会变成全局变量，不如此使用
5. 变量命名规范
a. 由字母、数字、下划线、美元符号（$）组成，如：num_01。//不能以数字开头，会报错
b. 严格区分大小写,var app/var App 是两个变量
c. 不能是关键字、保留字，如：var for while
d. 变量名必须有意义，如：nl（年龄） // 不如此设置变量名
e. 遵守驼峰命名法；首字母小写，后面的首字母需要大写，如 myFirstName
g. name 有特殊含义，不使用 name 作为变量名
交换两个变量值
设置一个场景：apple1为青苹果，apple2为红苹果，将红苹果给apple1，青苹果给apple2
a. 设置一个临时变量
var temp； // 声明一个临时变量赋值为空
var apple1 = '青苹果'；
var apple2 = '红苹果'；
b. 将青苹果放入临时变量
temp = apple1；
c. 将红苹果给apple1
apple1 = apple2；
d. 把临时变量中的青苹果给apple2
apple2 = temp；
5. 数据类型
a. JS 的变量数据类型是只有程序在运行过程中，根据等号后面的值来确定
b. JS 是动态语言，变量的数据类型是可变化的
c. var x = 10；x 为数字型 ； var x = ‘IU’ x 为字符串型
1. 简单数据类型
| 数据类型 | 说明 | 默认值 |
| :-------: | :---------------------------------------------: | :--------: |
| Number | 数字型，包含整型值与浮点型值，如 5，0.5 | 0 |
| Boolean | 布尔值类型，如 true=1，false=0 | false（0） |
| string | 字符串类型，如"知恩"，字符串都带引号 | "" |
| Undefined | var a;声明了变量 a 但没有赋值，此时 a=undefined | Undefined |
| Null | var a = null; 声明了变量 a 为空值 | null |
1. 数字型（Number）
a. 八进制（范围 0 ～ 7）
var num = 010 // 输出为 8
b. 十六进制（范围 0 ～ 9；A ～ F）
var num =0xA // 输出为 10
c. JS 中八进制前面加 0，十六进制前面加 0x；
a. 数字范围
Number.MAX_VALUE; // 最大值
Number.MIN_VALUE; // 最小值
b. 三个特殊值
Infinity； // 无穷大（Number.MAX_VALUE * 2
最低0.47元/天 解锁文章
530
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
