1、引用js三种方式:
![](https://i-blog.csdnimg.cn/blog_migrate/0280cdb0e722aefa5aec236e0f125c31.png)
2、数据类型
标识符:
![](https://i-blog.csdnimg.cn/blog_migrate/e49dba0105a5f1f65e7c3e4611384529.png)
![](https://i-blog.csdnimg.cn/blog_migrate/bc6f07c3b3ddf85e50a51852ff6fc9d9.png)
JavaScript中一共有5种基本数据类型:
-
字符串型(String)
-
数值型(Number)
-
布尔型(Boolean)
-
undefined型(Undefined)
-
null型(Null)
这5种之外的类型都称为Object,所以总的来看JavaScript中共有六种数据类型。
变量的声明:
使用var关键字声明一个变量
typeof 数据:
检查一个变量的数据类型
String用于表示一个字符序列,即字符串。字符串需要使用
单引号
或
双引号
括起来
![](https://i-blog.csdnimg.cn/blog_migrate/987f939c55c453285538e1436eea61c9.png)
Number 类型用来表示整数和浮点数,最常用的功能就是用来表示10进制的整数和浮点数。
Number表示的数字大小是有限的,如果超过了这个范围,则会返回 ±Infinity。
-
二进制:0b 开头表示二进制,但是,并不是所有的浏览器都支持
-
八进制:0 开头表示八进制
-
十六进制:0x 开头表示十六进制
Boolean布尔型只能够取真(true)和假(false)两种数值。除此以外, 其它的值都不被支持。
Undefined 类型只有一个值,特殊的undefined。在 var 声明变量但未初始化时,这个变量的值就是undefined
Null 类型是第二个只有一个值的数据类型,
比较undefined和null是否相等,会返回true。
注意:从语义上看null表示的是一个空的对象,所以使用typeof检查null会返回一个Object。
强制类型转换
比较运算符:
使用 == 来做相等运算
当使用==来比较两个值时,如果值的类型不同,则会自动进行类型转换,将其转换为相同的类型,然后在比较
使用 != 来做不相等运算
不相等用来判断两个值是否不相等,如果不相等返回true,否则返回false,不相等也会对变量进行自动的类型转换,如果转换后相等它也会返回false
使用 === 来做全等运算
用来判断两个值是否全等,它和相等类似,不同的是它不会做自动的类型转换,如果两个值的类型不同,直接返回false
使用 !== 来做不全等运算
用来判断两个值是否不全等,它和不等类似,不同的是它不会做自动的类型转换,如果两个值的类型不同,直接返回true
2.5.6、条件运算符
JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。
语法:variablename=(condition)?value1:value2;
举例:result=(age<18)?"年龄太小":"年龄合适";
执行流程:如果condition为true,则执行语句1,并返回执行结果,如果为false,则执行语句2,并返回执行结果。
2.5.7、逗号运算符
使用逗号可以在一条语句中执行多次操作。
比如:var num1=1, num2=2, num3=3;
使用逗号运算符分隔的语句会从左到右顺 序依次执行。
遍历对象
枚举遍历对象中的属性,可以使用for … in语句循环,对象中有几个属性,循环体就会执行几次。
![](https://i-blog.csdnimg.cn/blog_migrate/36c61476066ea75e814e399ec53c7496.png)
js工程模式:待重复学习理解
![](https://i-blog.csdnimg.cn/blog_migrate/8c950efe1957c03d1b0478ead7b1650e.png)
数组常用方法:
![](https://i-blog.csdnimg.cn/blog_migrate/72e7d55ea7a24cc77ebad9ba6a397794.png)
字符串常用方法:
![](https://i-blog.csdnimg.cn/blog_migrate/7ee1dea3e14c2c922a1be6e7eac74786.png)
数字常用方法:
![](https://i-blog.csdnimg.cn/blog_migrate/eb489d99011ad17db477dfc6fdfc9645.png)
时间常用方法:
![](https://i-blog.csdnimg.cn/blog_migrate/3d9f25f8ffc44d86dce57042f98719f0.png)
![](https://i-blog.csdnimg.cn/blog_migrate/d4db135a19d5e035c0c31da0dd794dc8.png)
JavaScript的BOM操作:
![](https://i-blog.csdnimg.cn/blog_migrate/0be45890b2c3c5db7fe06b1344e5c832.png)
![](https://i-blog.csdnimg.cn/blog_migrate/1c4b4061a9758d2a47c8a67349060f4f.png)
![](https://i-blog.csdnimg.cn/blog_migrate/de8358cfff78d33206aa6535ae20a662.png)