JS 基础

值类型和引用类型

基本类型值（值类型）：string、number、boolean、undefined、null  、symbol 

• 内存中产生新的副本，使用 == 判断时，判断的是值是否相等

引用类型值：Object、Array、Function 、null

• 内存中不产生新的副本，而是将变量指向同一个对象

typeof运算符能判断哪些类型？

• 能识别所有的值类型
• 能识别函数
• 是判断是否为引用类型（不可细分，引用类型输出均为 object ）

 深拷贝（递归方法）

function deepClone(obj) {
	//判断是否为引用类型
	if (typeof obj !== 'object' || obj == null) {
		return obj
	}

	let result
	if (obj instanceof Array) {
		result = []
	} else {
		result = {}
	}

	for (let key in obj) {
		if (obj.hasOwnProperty(key)) {
			result[key] = deepClone(obj[key])
		}
	}

	return result
}

字符串拼接

const a = 100 + 10    // 110
const b = 100 + '10'  // '10010'
const c = true + '10' // 'true10'
const d = 100 + parseInt('10')   // 110

数字和字符串拼接：将数字转成字符串后再进行拼接

==  和 ===

100 == '100'       //true
0 == ''            //true
0 == false         //true
false == ''        //true
null == undefined  //true

• 什么时候用 ‘==’ ：除了 null 之外，其他的一律都用 ===，例如：

• const obj = { x:100 }
  if(obj.a == null){ }
  
  //相当于：
  //if(obj.a === null || obj.a === undefines){ }

 if语句和逻辑运算

• truly 变量： !!a === true  的变量 （经历两次非运算的 true 变量）
• falsely 变量： !!a === false 的变量 （经历两次非运算的 false 变量） 

 class

Object

属性：

• 如果对象的属性键名不符合JS标识命名规范（以数字、下划线、字母、$ 构成，且没有JS关键字），则必须使用引号包裹，访问该属性时需要用方括号语法(方括号里面需要加引号)；
• 属性名以变量的形式储存，则必须使用方括号访问；
• 删除某个对象的属性，用 delete 操作符

• const obj = {
      a:'55',
      'my-name':'bob'
  }
  
  const key = 'a';
  console.log(obj.a )  //'55'
  console.log(obj.key )  // undefinde
  console.log(obj.[key] )  //'55'
  console.log(obj['my-name'] )  //'bob'
  delete obj['my-name']  //删除 my-name 属性

 闭包的实际应用

什么是闭包？

• 要理解闭包，首先理解javascript特殊的变量作用域，变量的作用于无非就是两种：全局变量，局部变量。
• javascript语言的特殊处就是函数内部可以读取全局变量。
• 我们有时候需要得到函数内的局部变量，但是在正常情况下，这是不能读取到的，这时候就需要用到闭包。在javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。闭包是指有权访问另一个函数作用域中的变量的函数。其本质是函数的作用域链中保存着外部函数变量对象的引用。

闭包的应用场景

• 实际应用（隐藏数据，只提供 API ）：为什么说隐藏数据了呢，因为普通用户只能通过get set等api对数据进行查看和更改等操作，没法对data直接更改，达到所谓隐藏数据的效果；
• 封装功能(需要使用私有的属性和方法)，函数防抖、函数节流

闭包的优点

闭包结合了全局变量和局部变量的优点。可以重复使用变量，并且不会造成变量污染

作用域

就是能够储存变量当中的值，并且能在之后对这个 值进行访问或修改

• 全局作用域
• 函数作用域
• 块级作用域 

let a
//如果 let i 写成全局作用域，则功能实现为：点击任何标签输出都是 10
//let 定义在 for 循环里面，形成会计作用域，功能实现为：点击对应的标签输出对应的序号
for (let i = 0; i < 10; i++) {
    a = document.createElement('a')
    a.innerHTML = i + '<br>'
    a.addEventListener('click', function (e) {
        //阻止默认事件
        e.preventDefault()
        alert(i)
    })
    document.body.appendChild(a)
}

 this

this 取值是在函数执行（调用）时确定的，不是在函数定义的时候确认的

this 取值规则：

• 1.对象打点调用他的方法函数，则 this 是这个打点对象
• 2.圆括号直接调用函数，则上下文是 window
  • 
• 3.数组或类数组对象枚举出函数，则该函数上下文是该数组
  • 
• 4.自调用函数中的 this 是 window
• 5.定时器、延时器中的函数上下文是 window
  • 
• 6.事件处理函数的上下文是绑定DOM元素本身
  • 
• 7.箭头函数中 this 是它上级作用域中的 this
  • 

使用场景

• 作为普通函数
• 使用 call apply bind 调用【f.bind(obj)，实际上可以理解为obj.f()，这时f函数体内的this自然指向的是obj】
  • 

• 作为对象方法呗调用
• 在 class 方法中调用
• 箭头函数（箭头函数没有上下文）

异步和同步

异步不会阻塞代码执行，同步会阻塞代码执行（alert）

 应用场景

• 网络请求：ajax、图片加载
• 定时任务