阅读顺序
此篇为第一篇
文章目录
- JavaScript作用
- JavaScript的组成
- JavaScript输入输出语句
- 变量小结
- 数据类型
- isNaN（判定非数字）
- length（判定字符串长度）
- 字符串拼接
- typeof（检测变量类型）
- 数据类型转换
- 转换为字符串
- 转换为数字型（重点）
- 运算符
- 短路运算（逻辑中断）
- 流程控制分支
-
- 流程控制
- 顺序结构
- 分支结构(选择结构)
- 循环结构
-
- 三元表达式
-
- 分支流程控制switch语句
- 5.1 语法结构
- 5.2 switch语句和if else if 语句的去边
JavaScript作用
- 表单动态验证(密码强度识别)js产生的目的
- 网页特效
- 服务端开发(node.js)
- 桌面程序
- app
- 控制硬件物联网
- 游戏开发
JavaScript的组成
- ECMAScript(JavaScript)
- DOM(页面文档对象模型)
- BOM(游览器对象模型)
JavaScript输入输出语句
| 方法 | 说明 | 归属 |
|---|---|---|
| alert（msg） | 游览器弹出警示框 | 游览器 |
| console.log | 游览器控制台打印输出信息 | 游览器 |
| prompt（info） | 弹出输入框，用户可以输入 | 游览器 |
申明多个变量用英文逗号隔开
var a = 1,
b = 2,
c = 3 ;
变量小结
-
为什么需要变量
- 需要保存数据
-
变量是什么
- 存放数据的容器
-
变量的本质是什么
- 变量是内存的一块空间，用来存储数据
-
变量怎么使用的
- 先声明，后赋值
- 声明变量的本质是，找内存要空间
-
什么是变量的初始化
- 声明并赋值即是初始化
-
变量命名的规范有那些
- 见名知意
-
交换两个变量值的思路
- 用临时变量
数据类型
JavaScript是一种动态语言，根据=右边的值来确定数据类型
相同变量，可用作不同的类型
在js中八进制前面+0，十六进制前面加0x
isNaN（判定非数字）
isNaN() TURE OR FALSE
length（判定字符串长度）
str.length
字符串拼接
字符串+任何类型 = 拼接之后的新字符串 数值相加，字符相连
变量和字符串相连的口诀：引引加加
typeof（检测变量类型）
consel.log（typeor xxx）；
数据类型转换
转换为字符串
- toString（） xxx.toString（）
- String（）强制转换 String（xxx）
- 加号拼接字符串
通常使用第三种，这一种方式称为隐式转换
转换为数字型（重点）
- parseInt（string）函数
- parseFloat（string）函数
- Number（强制转换）
- js隐式转换，利用算数运算转换，‘12’-0
运算符
后置自增 先返回原值，后自+1
==会把字符串型转换为整数型
===全等于
短路运算（逻辑中断）
当有多个表达式时，左边的表达式值可以确定结果时，就不再继续运算右边表达式的值
流程控制分支
1. 流程控制
简单来说，就是控制代码的执行顺序
顺序结构
分支结构(选择结构)
根据不同的条件，执行不同的代码，得到不同的结果。
循环结构
4. 三元表达式
三元表达式也能做一些简单的条件选择， 有三元运算符组成的式子称为三元表达式
语法结构：
条件表达式？ 表达式 1： 表达式2
执行思路
如果条件表达式为真，则返回表达式1的值，为假则返回表达式2的值
5. 分支流程控制switch语句
5.1 语法结构
switch语句也是多分支语句，他用于基于不同条件执行不同代码。
当要针对变量设置一系列的特定值的选项时，就可以使用switch
switch (表达式){
case value1：
执行语句1;
break;
case value2:
执行语句2;
break;
...
default:
执行最后的语句;
}
执行思路
本质是 匹配
注意事项：
- 表达式经常写成变量
- num的值和case匹配时是全等
- 如果当前case里没有break 则不会退出，会执行下一个break
5.2 switch语句和if else if 语句的去边
- 一般情况下可以相互转换
- switch...case语句通常处理case为比较确定值的情况，if...else更加灵活，常用于范围（大于等于某个范围）
- switch进行判断时直接跳入执行语句，效率较高
- 分支较少时，if。。。else执行效率比switch语句高
- 分支较多时，switch执行效率比较高，结构更清楚
