一、今日知识点
1 认识JavaScript
JS的注释
单行注释
// 开头,后面写注释内容, 快捷键是ctrl+/
多行注释
/* 多行注释*/
快捷键 alt+shift+a
JS的输入输出语句
输出
alert(message) 浏览器弹出警示框,经常用来显示消息给用户
console.log(message)浏览器控制台输出信息,程序员自己调试的时候使用
pormpt(message) 浏览器会弹出输入框,用户可以输入信息
2 JS的变量
什么是变量
变量就是装内容的一个盒子,用于存放数据,我们也可以通过变量来获取数据,也可以通过变量来修改数据。
变量在内容中的存储
变量存储的本质就是在内存中申请一段空间来存放数据。
变量的使用
变量的声明
例 var是单词variable的缩写,是变量的意思,当我们声明变量的时候,就是在内存中在自动进行空间分配,不需要程序员进行操作。
变量的赋值
例 =代表将右边的值赋值给左边
变量的初始化 声明的同时进行赋值
变量的扩展
更新变量
当一个变量被重新赋值,原来的值就会被覆盖掉,变量的值以最后一次的赋值为准。
同时声明多个变量 变量之间用逗号隔开即可
变量的三种特殊情况
变量的命名规范
由字母、数字、下划线、美元符号等组成,比如user1,number$。
严格区分大小写 age 和Age是两个不同的变量
不能以数字开头,18number是错误的写法
变量名必须要有意义,MMD,BBD 是不允许的,number或者age都是可以的
不能以关键字、保留字为变量名,比如var、for、while等等
可以使用驼峰式命名法:userAge,userFirstName等等
3 JS的数据类型
数据类型的简介
在计算机中,不同的数据类型所占的空间是不一样的,为了方便存储数据,充分利用存储空间,所以我们需要数据类型。
数据类型的分类
简单数据类型
变量的数据类型
Number
数字型
常见的进制有二进制、八进制、十六进制、十进制
八进制和十六进制的表示方法
数字型的范围
最大值(Number.MAX_VALUE)和最小值(Number.MIN_VALUE)
无穷大和无穷小
结果为非数字的情况
isNaN的使用
如果值是数字,返回false,如果不是数字,返回true
String
字符串:字符串就是在引号中任意文本,一般情况下,在html中使用双引号居多,所以在js中我们更推荐优先使用单引号。
例
引号嵌套
字符串转义符
获取字符串的长度
字符串是由若干个字符构成的,这些字符的数量就是字符串的长度, 使用.length属性可以获取字符串的长度
字符串的拼接
多个字符串之间可以使用+号来进行拼接, 拼接方式是 字符串 + 任意数据类型 = 拼接后的新字符串
Boolean
布尔型
布尔型有两个值,分别是true(真) 或者false(假),如果布尔值和数字型进行相加,true会当做1来对待,false会当做0来对待
Undefined
一个变量声明之后没有赋值,结果就是undefined
Null
如果给一个变量赋值为null,就代表这个变量为空
变量的数据类型检查
复杂数据类型
数据类型的转换
什么是数据类型转换
将不符合要求的数据转化为所需要的数据类型,比如prompt获取过来的是字符串,如果要进行算术运算需要转化成数字型才可以
转化为字符串型
转化为数字型
转化为布尔型
4 JS的运算符
算术运算符
+(加)、-(减)、*(乘)、/(除)、%(取余)
递增递减运算符
递增运算符
前置递增
++num, 就是在num本身的值上加1 等同于 num = num + 1;
后置递增(实际开发中使用频率较高)
num++, 就是在num本身的值上加1 等同于 num = num + 1;
递减运算符同理
比较运算符
比较运算符(关系运算符)是两个数据进行比较时,使用的运算符,结果是一个布尔值
小于号 < 、小于等于 <=、大于 >、 大于等于 >=、判等 ==、 不等号 !=、 全等:=== 、!==
逻辑运算符
概念
逻辑运算符就是用来进行布尔值的运算的,最终的返回值也是布尔值,开发中经常用于多个条件的判断
逻辑与 &&
逻辑与链接的条件必须都是true,最终的结果才能是true,否则结果为false
逻辑或 ||
使用逻辑或链接的条件只要其中一个是true,那么最终的结果都是true,但是如果全部都是fales,那么最后结果就是false
逻辑非 !
也叫做取反符,用来取一个布尔值的相反值,比如true的相反值是false
短路运算
短路运算的原理:当有多个表达式时,左边的表达式的值可以确定,就不再执行右边的表示式的值
逻辑与短路运算
语法: 表达式1 && 表达式2
如果第一个表达式的值为真,那么就返回表达式2
如果第一个表达式的值为假,就返回表达式1
逻辑或的短路运算
语法:表达式1 || 表达式2
如果第一个表达式为真,那么就返回表达式1
如果第一个表达式为假,就返回第二个表达式
赋值运算符
概念
用来将数据赋值给变量的运算符
= 代表直接赋值, 将右边的值赋值给左边
+=、-= 加或者减一个数后再赋值
*=、/=、%= 乘/除/取模之后再赋值
|