目录
JavaScript概念
1.JavaScript的书写位置
1.1 内嵌式
1.2 内联式
1.3 外部式
2.JavaScript输入输出语法
2.1输入语法：
2.2输出语法：
2.3 练习
3.变量
3.1 变量概念
3.2变量的语法
3.3变量的使用
4.数据类型
4.1 基本数据类型
4.2 string字符串型
4.3 string模板字符串
4.4 boolean 布尔类型
4.5 undefined未定义类型
4.6 null 空类型
5.检测数据类型
6.运算符
6.1 赋值运算符
6.2 一元运算符
6.3 比较运算符
6.4逻辑运算符
6.5运算符的优先级
7.1 if语句
（1）if单分支语法：
（2）if双分支语法：
（3）if多分支
8 switch语句
8.1 switch语法
9 while循环
9.1 while循环概念
9.2 while循环语法
9.3 while循环三要素
9.4 练习：进行3次循环
9.5 退出while循环
10 for循环
10.1 for循环语法
JavaScript概念
脚本（Script）实际上就是一段程序，通常以解释方式运行，无需编译，相对来讲，开发简便，运行效率高。
写于html文件里，用<script>标签包住，参考代码：
运行结果：
将代码直接写到标签内部，列如：
参考练习代码：
运行效果：
通过新建一个以js为后缀文件（在文件里输入内容），再通过script标签引入到html文件中。
参考代码：
运行结果：
根据以上代码试着做出以下弹窗
参考代码：
可以理解为变量是一个可以用来存储数据的容器。
注：以前变量的写法是var，但现在一般都用let，现在var只在比较老的公司可能会用到
数字型（整数，小数，正负数）
注： NaN也是一个number类型，代表非数字
string字符串型 Boolean布尔型 undefined未定义型 null空类型注：js是弱数据型的语言，只有当我们赋值了才知道是什么数据的类型
用单引号或者双引号、反引号包裹的数据都是字符串
运行结果：
string模板字符串通常用来拼接字符串和变量，只能用反引号
用模板字符串打印：我今天玩了5局第五人格
参考代码：
运行结果：
boolean 布尔数据类型只有两个值，真 true/假 false。
未定义类型（undefined) 声明一个变量但未赋值，它只有一个值。
空类型（null）赋值了但内容为空。
语法为：typeof x 或 typeof(x)。
参考代码：
运行结果：
参考代码：
运行结果：
一元运算符有 自增（++）自减（--）, 经常用于计数用，比如用它来计算进行了几次操作。
自增有前置自增和后置自增
运行结果：
比较两个数据是否相等，运行结果只有（true或false）
参考代码：
运行结果：
逻辑运算符用来解决多重条件判断。
1. && 与 两边都为true，结果才为true
2. || 或 一真则真
3. ! 非 取反
运行结果：
if分支语句
if(条件)
{满足条件要执行的代码}
参考代码：
if（条件）{
满足条件要执行的代码
}else{
不满足要执行的代码}
练习题： 用户输入，用户名：第五人格，密码：，则提示登录成功，否则登录失败
参考代码：
语法：
if（条件）{
满足条件要执行的代码
}else if{
满足要执行的代码
} else {
不满足要执行的代码}
练习题：考试成绩90以上输出优秀，70分以上输出良好，60分以上输出及格，60以下输出差。
参考代码：
switch(数据){
case 值1：
代码1
break
case 值2：
代码2
break
case 值3：
代码31
break
case 值4：
代码4
break}
代码参考：
运行结果：
注：1.switch case语句一般用于等值判断,不适合于区间判断
2.switch case一般需要配合break关键字使用 没有break会造成case穿透
while循环就是在满足条件期间，重复执行某些代码。
while(循环条件){
要重复执行的代码 } -->
<!-- 正确就会一直执行，遇到假的才会停止 -->
1.变量的起始值
2.终止条件（没有终止条件，循环会一直执行，造成死循环）
3.变量变化量（用自增或自减)
参考代码：
运行结果：
（1）break:退出循环
（2）coninue :退出本次循环
练习：循环5次 “我要玩5局第五人格” 后退出循环。
参考代码:
for(变量起始值；终止条件；变量变化量)
用for循环输出三句话 ：我要玩第五人格
参考代码：
运行结果：
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/65702.html