一篇文章带你学完JavaScript基础知识，超全的JavaScript知识点总结

目录

内置函数

alert警告框

promopt提示框   

console控制台

字面量

数字型

字符串型

变量

声明与赋值

类型检测

类型转换

比较运算符

逻辑运算符

条件句

if else

switch

break,continue

while

赋值运算符

函数

关键字形式函数

变量认知

作用域

表达式形式函数

IIFE

数组

字符串

---

 

学习时记得跟着代码敲一遍以便加深印象哦

内置函数

alert警告框

//弹框两次，alert的内容必须由单引号或者双引号引用。

promopt提示框   

console控制台

字面量

数字型

整数,小数,特殊值

600,314

-0.45，0.125

0.30000000000000004，0.1+0.2比较特殊，二进制运算保留位数问题
0.5
0.7

Infinity

数字范围在-2^53~2^53之间，超过范围用infinity表示(也有正无穷和负无穷之分)

-Infinity
Infinity

NaN

NaN，注意1/0为Infinity

字符串型

打印结果分别为黑色字符串和蓝色整形

变量

声明与赋值

打印结果为蓝色的10 20

打印结果为：undefined

100
b

undefined
100

注：各大浏览器的解析器会把变量声明提升到当前作用域的最上方

类型检测

string
number
number
number
number
boolean
undefined
object，但是null属于NULL类型
string

类型转换

连字符+

string

11coleak

parseint parsefloat

---

666
666
NaN
666
666.66
666

string
你的年龄是100岁

67
0
NaN
-888
1

比较运算符

>	大于
>=	大于等于
<	小于
<=	小于等于
==	相等
!=	不等
===	全等
!==	不全等

true
true
true
false

逻辑运算符

逻辑运算符一共三个：逻辑与&&、逻辑或||、逻辑非！

0
(索引):14 6
(索引):15 NaN
(索引):16 null
(索引):17 李四
(索引):18 NaN
(索引):19 123
(索引):20 Infinity
(索引):21 贾称号
(索引):22 false
(索引):23 coleak

条件句

if else

switch

1. switch条件语句的条件，可以是变量（存储任意类型数据）。
2. case后面紧随条件语句情况。
3. break关键字的作用是终止、打破switch条件语句。执行条件语句后面代码。
4. default关键字，可以理解为else，对于上面分支条件进行全部否定。

break,continue

while

//在控制台中输出两个随机数字【0~9】，且两者不同同时为零。

赋值运算符

= 、 +=、-=、*=、/=、%=、自增 ++ 、自减 --

函数

一种关键字function定义函数、表达式形式函数

关键字形式函数

关键字形式函数，需要通过关键字function进行声明、定义。函数在JS当中属于Object引用类型数据。函数如果只是声明、但是没有调用。函数体里面代码不会运行。如下，因为没有调用所以不会报错。

变量认知

局部变量只能在函数体中使用。

全局变量：除了局部变量以外的都是全局变量，

全局变量，可以在JS行为层中任意地方使用。

作用域

99,66

undefined

在JS当中任何语句都阻挡不了变量声明部分提升，会提升到当前作用域最上方。

表达式形式函数

就是将关键字function定义的函数赋值给变量形式

1. 关键字形式函数可以在声明之前、声明之后调用。
2. 由于解析器，可以将关键字形式函数声明部分提升到当前作用域最上方。
3. 表达式形式函数:只能在声明之后才可以调用。
4. 表达式形式函数:由于变量声明部分提升（提升到当前作用域最上方）,因此是undefined。

IIFE

在声明表达式形式函数的同时立刻马上执行一次

199,69

数组

吃饭
睡觉
NaN
undefined

吃饭
睡觉
NaN
undefined
(1000) ['吃饭', '学习', '打豆豆', true, '小帅哥', false, 空 ã993, 'coleak']

5

2

(8) ['小鸡', '三饼', '四条', '白板', '曹操', '刘备', NaN, 'coleak']
(2) ['手机', '电视']

备注：

1. unshift：可以向数组头部添加一个或者是多个元素
2. shift:可以向数组的头部移除一个元素
3. join：主要的作用是可以通过某一个字符将数组拼接转换为字符串。
4. reverse:可以把当前的数组的元素进行倒置。
5. 数组的join方法：可以通过某一个字符串将数组转换为一个字符串。【对起始数组没有任何影响】
6. 数组的reverse方法：可以将当前的数组的元素进行倒置。

(6) [1, 2, 3, 4, 5, 6] '1*2*3*4*5*6' '123456'
(4) ['广州', '深圳', '上海', '北京']

1. indexOf:它可以获取数组当中某一个元素的索引值【下脚标】
2. includes:它主要的作用是检测某一个元素是不是当前这个数组的。如果是【返回布尔值真】，否则【返回布尔值假】

0
2
-1
true
false

1. slice：从起始数组当中切割出一个新的子数组
2. splice:可以对数组进行切割、插入、替换。
3. slice方法：数组通过这个方法可以切割出一个新的数组【slice对于起始数组没有任何影响】
4. slice方法：传递参数至少一个、最多两个参数。【起始索引值、结束索引值）
5. splice:可以对于起始数组进行切割，返回一个新数组【对于起始数组有影响】
6. 第一个参数：切割的起始位置索引值，第二个参数：切割元素的长度

(4) ['关羽', '马超', '黄忠', '曹操']
(2) ['刘备', '关羽']
(6) ['张飞', '刘备', '关羽', '马超', '黄忠', '曹操']

(2) [21, 88]
(3) [57, 48, 29]
(2) [55, 33]

字符串

7

1. indexOf:获取到第一个匹配到的字符的索引值。
2. lastIndexOf:获取到的最后一个匹配到的字符的索引值。

0
-1
3

1. toLowerCase：将字符串中英文字符变为小写
2. toUpperCase:将字符串中英文字符变为大写

我喜欢英文ABCD
我喜欢英文abcd
我喜欢英文aBcD

1. search:它的作用是可以获取到某一个字符的索引值。
2. split:它的作用是可以将字符串通过某一个字符切割为数组。

2
2
(2) ['我今天买了一个', '为手机花了我5888']
(18) ['我', '今', '天', '买', '了', '一', '个', '华', '为', '手', '机', '花', '了', '我', '5', '8', '8', '8']

1. substring:它是字符串方法，主要的作用是在父串当中切割出一个子串  
2. str.substring(起始索引值，结束索引值)    包含起始索引值、不包含结束索引值
3. substr:它也是字符串方法，它主要的作用也是从父串当中切割出一个子串
4. str.substr(起始索引值，切割长度)
5. replace:可以替换某一个字符串中复合条件的字符进行替换。
6. match:可以进行将某一个字符串中符合条件的第一个字符匹配出来，返回的是一个数组。

我今天买了一个vivo手机,花了我5688元
我今天买了一个华为手机,花了我5688元
['a', index: 4, input: 'coleakayuexiao', groups: undefined]