这是我参与「第四届青训营 」笔记创作活动的第1天,明天就要学习JS啦,先预习一下JS基础知识。
一、JS输入输出语句
- 输入框:prompt(‘请输入’);
- 弹出警示框:alert(‘计算结果是’);
- 控制台输出:console.log(‘我是程序员看到的’);
二、变量
1.变量使用
- 声明变量
var age;//声明一个名称为age的变量。 var是关键字,用来声明变量,age是变量名,通过变量名访问内存中分配的空间
- 赋值
age = 10;//给age这个变量赋值为10
2.变量初始化
var age = 18;//声明变量同时赋值,文字的要带单引号
三、数据类型
1.简单数据类型
- 数字型Number
- 字符串型String
- 布尔型Boolean
- Undefind和Null
2.数据类型转换
- 转换为字符串类型
利用“+”拼接字符串的方法console.log(num + '');
- 字符型转换为数字型
利用parseInt()转换为整型、parseFloat()转换为浮点型
- 转换为布尔型
利用Boolean()函数。代表空、否定的值会被转换为false,如‘’、0、NaN、null、undefined
其余值都会被转换为true
三、JS运算符
1.算术运算符
+、-、*、/、%
2.递增递减运算符
- 递增:前置递增++num;后置递增num++
前置递增口诀:先变量自加1后表达式返回值;后置递增口诀:先表达式返回原值后变量自加1
- 递减类似递增
3.比较运算符
两个数据进行比较时所用,比较后会返回一个布尔值
== 默认转换数据类型,可把字符型转换为数字型
=== 全等 要求两侧的值还有数据类型完全一致才可以
4.逻辑运算符
进行布尔值运算的运算符,返回值也是布尔值
逻辑与(&&):都真才真
逻辑或(||):都假才假
逻辑非(!):取反符
5.赋值运算符
=、+=、-=、*=、/=
四、JS流程分支
1.顺序流程控制
即一行一行代码从上到下执行
2.分支流程控制
- if分支语句
- if else语句
- if else if 多分支语句
- 三元表达式
- swich分支语句
3.循环流程控制
- for循环
- 双层for循环:外层循环一次,里面循环执行全部
- while循环:可以进行复杂条件判断
- do while循环:跟while不同的地方在于 do while 先执行一次循环体,再判断条件,如果条件表达式结果为真,则继续执行循环体,否则退出循环
- continue 关键字:用于跳出本次循环,继续下一次循环
- break关键字:退出整个循环 今天先写到这吧!