文章目录

前言
一、ECMAScript部分

前言

很长时间没去回顾JavaScript基础知识了，现在回想起感觉懵懵懂懂的，是时候需要来进行回顾和总结一些了…

一、ECMAScript部分

1. 实用注解方法

我们先来回顾一下注解~

1.单行注释
// 这是单行注释

2.多行注释
/* 
	这是多行注释
*/


3.文档注释
/**
 * @param {string} name 姓名
 * @param {int} age 年龄
 */

function say(name,age){
    
    
	
}

say()

这样在调用函数时候会提示形参类型和内容提示。

2. 变量和数据类型

2.1 注意事项

如果我们直接使用未定义的变量程序会报错。
如果我们使用声明未赋值的变量，变量值会为undefined

2.2 数据类型

下面我来复习一下变量的类型,划分为基本类型和引用类型。

String：字符串
Number：数值，包括整数，浮点数
Boolean： true或false
undefined：在定义变量，未赋值时，变量默认值。不建议作为变量初始值
null：表示为空，不会开辟内存空间，建议作为变量的初始值。
Object：复杂数据类型以 {name : “ ikun”} 键值对形式，赋初始值不建议用{ } ，使用null
BigInt：比number类型支持更大范围的整数
Symbol：本质为一种唯一的标识符。

2.3 typeof的使用

前面回顾了数据类型，下面我们来回顾怎么检测类型。使用 typeof 变量。

对 字符串 会返回 String
对 数值 会返回 Number
对 布尔值 会返回 Boolean
对 值未定义 会返回 undefined
对 对象（非函数）或者 null 会返回 Object
对 函数 会返回 function
对 符号 会返回 Symbol

注意：有时候看到typeof(xx) 这里并不是说 typeof就是一个函数方法了，它只是操作符，且这里（）表示后面内容是一个整体。

2.4 数据类型的转换

我们在来回顾数据类型的转换，将数据转换为我们需要的类型。

转换为String类型：

隐式转换： 其他类型 + 一个字符串，比如 ' '
显式转换: String() 或 toString() 二者都是返回转换后的字符串类型
转换为Number类型：

隐式转换： 将需要转换的类型进行非加的四则运算即可。其他类型和string类型相加会转换为string类型
显式转换: Number() 返回转换后的数值类型
转换为Boolean类型：

隐式转换： " " / null / undefined / 0 / NaN 在判断时，这些都会转为false 其他会转为true,还可以通过!!将变量转为布尔值
显式转换: Boolean() 返回转换后的布尔类型

3. 基础运算符

3.1 算数运算符

我们开始回顾算数运算啦。我们看一下下面图片就可以了。

请添加图片描述

3.2 赋值运算符

赋值运算符=，我们可以使用给变量赋值，重要的是赋值同时还可以进行运算，我们看一下下面图片。

请添加图片描述

3.3 自增和自减

这里我们回顾一个容易混淆的知识点，也就是++和--

我们可以直接在number变量后 ++ 或--让变量能自增加或减少。注意运用于非数值变量时，会尝试将变量转换为数值，如果转换失败会是NaN。

如果放在变量前面：在表达式里会先将变量自增或自减后，后在进行其他运算。
如果放在变量后面：在表达式里会先进行其他运算，后将变量自增或自减。

3.4 运算符优先级

我们在回顾一下运算符号的优先级，优先级在一些时候对我们帮助不小。

下面的图片里是从高到低的优先级进行排序的。
在这里插入图片描述

这里放一下MDN的地址，有疑问的查看MDN会最为权威标准。
运算符优先级 - JavaScript | MDN

3.5 比较运算符

我们时常会对数值进行比较，我们来回顾一下比较运算符。

请添加图片描述
注意：== 和 === 前者会将比较的类型转换后进行比较，不会进行类型比较。后者会比较类型和值。

4. 分支语句

前面我们说完了运算符号，现在我们回顾一下分支语句，进行变量的对比。

4.1 if语句

if(条件){
    
     
	代码块
 }

4.2 if…else语句

if(条件){
    
    
	条件为真，代码块
}else{
    
    
	条件为假，代码块
}

4.3 if…else if … else语句

和if...else 语句类似，区别就是可以写多个 else if进行条件分支。

if(条件1){
    
    
	满足条件1，代码块
}else if(条件2){
    
    
	满足条件2,代码块
}else if(条件3){
    
    
	满足条件3,代码块
}else{
    
    
	条件都不满足，代码块
}

4.4 三元运算符

我们经常会用到三元运算符，比if语句更简洁。

条件?为真时执行 :为假时执行
a>1?b=2:b=3

4.5 逻辑运算符

数学中有且或非等逻辑语句，js中也有符号对应。

|| 或: 等式二边任意一个为真既为真。遇到true就会返回当前结果，后面不执行。都为 false返回最后一个值

&& 与: 等式二边都为真既为真。遇到false就会返回当前结果，后面不执行。都为true返回最后一个值

！ 非: 将值取反操作。对变量使用 !!a 可以将a转化为布尔值

4.6 switch语句

和if语句一样，进行条件判断，但在一些情况会更方便。

switch(表达式){
    
    
	case 表达式的值1：
		代码块
		break;
	case 表达式的值2：
		代码块
		break;
	default:
		默认代码块
}

注意不要掉break语句，不然程序会进入下一个case。

5. 循环语句

循环在我们程序中很重要，是进行数据处理必备的手段之一，下面我们回顾一下循环语句。

5.1 while循环

条件为真时候执行循环代码块，条件为假时候跳出循环。注意避免死循环。

while(条件){
    
    
	代码块
}

我们可以在while循环中使用 break 语句跳出循环。

5.2 do…while循环

和while循环的区别就是，不管条件是否满足，都会执行一次循环体代码。

do{
    
    
	代码块
}while(条件)

5.3 for循环：

这是我们最常用的循环方式。

for (begin; conditon; step) {
    
    
  代码块
}

这里几个参数来详细介绍一下。

在这里插入图片描述

for (let i; i < 3; i++) {
    
    
  console.log(i)
}

5.4 循环控制

前面说过 break 语句可以跳出while循环,我们回顾一下循环控制语句。

break：跳出循环，不在执行循环体代码
continue：跳出当前循环，接着执行后续循环体代码

6. 函数

函数在js中非常的重要，我们根本离不开函数的使用，我们来回顾一下函数基础知识。

6.1 函数的声明和调用

函数声明使用 function 关键字

function 函数名(形参){
    
    
  	函数封装的代码……
}

函数调用： 函数名(实参 )
函数内部有一个arguments对象，我们可以通过遍历该对象获取到用户传递的所有实参

6.2 函数的递归

在处理数据时候，我们可能需要使用到函数递归。

function a(b){
    
    
  	if(b==1)return
  	a(b-1)
}
a(10)

在函数中，我们可以调用其它函数，如果我们自己调用自己，那么就叫函数的递归调用。
注意:一定要有结束条件，不然就会一直死循环。

6.3 局部和全局变量

函数有自己的作用域，这就需要我们分辨局部和全局作用域的变量。

var str = '1'  //全局函数变量
function a(){
    
    
  	var str = '1'  //对于b函数来说，外部函数变量
  	b()
}
function b(){
    
    
	var str = '1' //局部变量
}
a()

局部变量就是在函数内部定义的变量，外部其他函数无法使用
全部变量就是在函数外部定义的变量，所有函数都可以使用
函数中变量的访问顺序是：先当前函数内部，然后外部函数，最后到全局函数

6.4 函数表达式

我们有时候不用函数声明方式定义函数，而是使用函数表达式。

var foo = function(){
    
    
	console.log("函数表达式")
}

函数表达式定义方式就是将匿名函数当值赋值给一个变量
函数表达式是在代码执行到达时被创建，并且仅从那一刻起可用
函数声明方式在函数声明被定义之前，它就可以被调用。

6.5 立即执行函数

有时候我们需要马上调用一个匿名函数，就可以使用立即执行函数。

(function(){
    
    
	console.log("立即执行函数")
})()

立即执行函数就是在创建完成的同时也进行调用
将函数体定义在第一个（）类，第二个（）即调用函数
会创建一个独立的执行上下文环境，可以避免外界访问或修改内部的变量，也避免了对内部变量的修改

7. 面向对象

回顾完函数，就到js中另外一个对象，对象的使用是我们必须掌握的知识点。

7.1 对象类型的使用

创建对象的方式：

var  obj = {
      
       }
var obj = new Object()
new 其它类

使用对象的方法：
访问对象的属性：对象.属性名 obj.name 或者 obj["name"]
修改对象的属性： 对象.属性名 = 值 obj.name = "新修改值"
添加对象的属性： 对象.新增属性名 = 值 obj.age = 22
删除对象的属性： delete 对象.属性名 delete obj.age

7.2 值类型和引用类型

值类型就是基本数据类型，会被存储在栈内存中
引用类型就是对象类型，会在堆内存中开辟一个空间，然后将内存地址存储到栈内存中

7.3 函数的this指向

在函数内可以使用this，会指向调用该函数的对象
如果函数不是定义在一个对象内，在全局作用域内定义的话，this执行Window对象

var  obj = {
    
     
	fn:function(){
    
    
		//this 指向obj对象
	}
}
fn:function(){
    
    
	//this 指向Window对象
}

7.4 工厂方法创建对象

创建大量的对象时候我们可以使用工厂方法来创建对象。