目录
第一天
1、JS语法特点
1、JS严格区分大小写
2、每一行的代码应该以分号结尾,但可以省略
3、JS代码的执行顺序,从上往下依次执行
JS需要注意的点
1、JS一般放在body的尾部,防止src阻塞页面的渲染,但还是要根据具体的用到的地方来定。
2、注释语句 单行的快捷键:ctrl+/ ,多行的快捷键:shift+alt+a
输出语句
1、页面输出(不推荐,不常用)
document.write(); 该方式用户可见,会影响页面的内容
2、弹窗输出(不推荐,偶尔用,用于用户的交互提示手段)
alert(); 该方式会阻塞页面的渲染
3、控制台输出(推荐使用,大多数情况会使用这个)
console.log(); 没有任何语义,大多数情况下用这个
console.info(); 和上一个一样的作用
console.warn(); 输出警告信息
console.error(); 输出错误信息
输入语句
js中的输入语句是: prompt函数
注意:浏览器中输入的数据类型,肯定是string类型!
2、数据类型
1、JS数据类型
1、四基两空一对象,加上一个新出来的bigInt
四基(四种基本类型):Number(数值型),String(字符串型),Bool(布尔型), Symbol(符号型)
两空(两个空数据类型):Null(空对象,空引用),Undefined(未定义的空值)
一对象(一个面对对象的数据类型):Object(对象类型,复杂数据,引用数据类型)
2、数据类型的运用
1、Number 数值型 相关数据有整数、小数和NAN(没有具体的数值)
2、String 字符串型 由单引号或者双引号引起了的
3、Boolean 布尔型 只有两个值 true(真)和false(假)。
3、数据类型的检测
检测语法 :typeof 变量名;
注意:typeof 运算的结果是字符串类型
4、数据类型的转换
1 将其他数据类型转换为 Number,有三个方法可以实现
1、Number()
console.log(Number(true)) //1
console.log(Number(false)) //0
console.log(Number(null)) // 0
console.log(Number(undefined)) //NAN
console.log(Number('123xxx')) //NAN
2、paserInt()
console.log(parseInt(true)) //NaN
console.log(parseInt(false)) //NaN
console.log(parseInt(null)) // NaN
console.log(parseInt(undefined)) // NaN
console.log(parseInt('123XXX')) //123 //遇到第一个非number数据形式的字符就停止转换!将之 前的数值格式的数据转换并返回
console.log(parseInt('123.5XXX')) //123
3、paserFloat()
console.log(parseFloat(null)) //NAN
console.log(parseFloat(undefined)) //NAN
console.log(parseFloat(true)) //NAN
console.log(parseFloat(false)) //NAN
console.log(parseFloat('123.5XXXX')) //123.5
2、将其他数据类型转换为 字符串类型 string类型
1、String()
2、 toString()
var num = 100
console.log(num.toString())
3、 +
console.log(1+'a')
3、将其他类型转换为布尔类型
Boolean()
console.log(Boolean(0))
console.log(Boolean(''))
console.log(Boolean(null))
console.log(Boolean(undefined)) //这几个都是false
4、JavaScript中的假值,6种假值
false、undefined 、null 、 0 、+0 、-0 、 '' 、NaN
3、变量
变量:变量是存储数据的容器,通过这个容器我们将程序中所用到的数据进行保存!
变量本质上是存放到内存空间中的,一旦程序结束,变量所占据的空间将得到释放
变量的声明
语法 var 变量名;
1、先声明,再赋值
var num
num=10;
2、声明的同时赋值
var num=10;
3、多个变量同时声明
var a,b,c;
var a=10,b=20, c=30;
var a=b=c=10;
4、标识符
标识符:就是为变量、函数、形参、对象属性、对象方法等命名的一段字符
标识符的命名规则
- 1、标识符只能由数字、字母、下划线、$组成
- 2、不能以数字进行开头
- 3、不能使用关键字或者保留字作为标识符的名字
- 关键字:if else for return ...
- 保留字:目前某些单词并没有实际的含义,未来可能会被赋予其含义的单词
- 4、标识符的命名严格区分大小
- 5、标识符的命名应该遵循'见名知义'
- 6、如果标识符由多个单词组成应采用 驼峰命名法 abcAbcBcc
- 比如 blackGroundColor
第二天
1、运算符
1、算术运算符
算术运算符:+,-,*,/,%(模,取余),**(幂运算)
+号:将+号两边的number类型的数据,进行相加后,得到一个相加的值。
如果加号两边不是number类型的值(string类型除外),它会先将其隐士转为number类型在进行计算
注意:加号运算符也可以作为字符串的拼接,当+号的两侧有一边为string类型的数据,那么加号运算就会变成字符串的拼接运算,通常利用加号的这种特性进行字符串的拼接。
-号、*号、/号:将(-号、*号、/号)的两边number类型的数据,进行相加,得到一个相加后的值
如果(-号、*号、/号)的两边不是number类型,它会先将其隐士转为number类型在进行计算
注意:NaN加减乘除任何的number数据类型得到的也是NaN。
2、单目运算符
单目运算符又叫一元运算符:对一个数据进行运算,而不是多个数据之间进行运算
如:typeof、new、delete、++、--等
3、自增和自减运算符
++(自增运算) -- (自减运算),两个都是属于单目运算
++(自增运算),有两种形式
1、前自加: 语法:++变量名 ==》 变量名=变量名+1;
前自加 是先将变量的值进行加一,再参与后续的运算
++(自增运算),有两种形式
2、后自加: 语法:变量名++ ==》 变量名=变量名+1;
后自加 是先将当前变量的值进行运算,运算完毕后,再将变量的值进行加一
注意:不管是前自加还是后自加,最后变量的值都会加一
4、比较运算符
比较运算符: > < >= <=
比较运算符是将左右两侧的表达式进行数据的比较,得到一定是 逻辑值(布尔值)
比较运算符的结果,只有两个 要么 true 或者 false
5、逻辑运算符
逻辑运算符:与(&&) 或(||) 非(!)
逻辑运算符,是将两边表达式进行逻辑比较,得到的也是一个逻辑值!
结果: 逻辑运算符的结果不一定是true 或者 false
逻辑运算表达式的结果是将表达式中所计算的实际值,作为整个逻辑表达式的结果进行返回
逻辑与(&&): 表达式1 && 表达式2 && 表达式3
从左往右,计算表达式1的逻辑值 && 表达式2的逻辑值
true && ture ==》 ture
ture && false ==》 fasle
false && false ==》 fasle
口诀:一假即假,全真才真
注意:js中的逻辑与是属于短路与,一旦表达式1为false,将不再进行表达式2的运算,直接将表达式1的值进行返回
逻辑或(||): 表达式1 || 表达式2
从左往右,计算表达式1的逻辑值 && 表达式2的逻辑值
true || true ==》 ture
false || true ==》 ture
true || false ==》 ture
false || false ==》 false
口诀:一真即真,全假才假
注意:js中的逻辑或是属于短路或,一旦表达式1为true,将不再进行表达式2的运算,直接将表达式1的实际值进行返回
不管是逻辑与还是逻辑或,它是将表达式的值,作为整个逻辑表达式的值进行返回!
逻辑非(!): true =&#