JS基本变量，常用方法，this,正则

数据类型检验

typeof

识别值类型，函数，typeof null object

字符串

charAt

substring

a可以大于b，会自动换成小的在前

substr

省略第二个参数和substring一样

slice

大写，小写

indexOf

数据类型转化

Number

NAN==NAN false

• Number({ }) //NaN
• Number([ ])//0

  parseInt

parseFloat

String

toString

Boolean

• Boolean({ }) //true
• Boolean([ ]) //true

  js

短路运算

主要是看前一个决定了结果，就返回前一个，否则就返回后一个

逻辑运算符非>与>或

运算顺序:非运算→数学运算-→关系运算→逻辑运算(&&>||)

数组方法

shift pop 返回值是删除的值

slice

splice

join split

字符串可以使用中括号

concat

reverse

indexOf includes

对于这两个方法数组里有22，搜索‘22’不会有结果因为是使用===判断的

冒泡排序

复杂数据类型

深克隆、浅克隆

利用forin 浅拷贝

深拷贝

function deepClone(o) {
   
   
  if (Array.isArray(o)) {
   
   
    let result = []
    for (const key in o) {
   
   
      result.push(deepClone(o[key]))
    }
    return result
  } else if (typeof o == 'object') {
   
   
    let result = {
   
   }
    for (const key in o) {
   
   
      result[key] = deepClone(o[key])
    }
    return result
  } else {
   
   
    return o
  }
}
const a = {
   
   
  b: '123',
  c: {
   
   
    d: 4,
    r: 5,
  },
  f: [1, 2, 3, 4, 5],
}
let copy = deepClone(a)
a.c.d = 999
a.f[0]=666
console.log(copy)
console.log(a)

上下文

函数的上下文由调用函数的方式决定

规则一

规则二

规则三

规则四立即执行函数

规则五，定时器，延时器里面那个函数的this指向

规则六

备份上下文

定时器内使用箭头函数，this是包裹箭头函数的父函数的this指向，要注意父函数是不是箭头函数

const obj = {
    num: 10,
    outf: outFun
}

function outFun() {
    console.log('outFun', this); // obj

    setTimeout(function() {
        console.log('outFun', this); // window
    });

    setTimeout(() => {
        console.log('outFun', this); // obj
    });
}
obj.outf();

const obj = {
   
   
    num: 10,
    outf: outFun
}
const outFun = () => {
   
   
    console.log('outFun', this); // window

    setTimeout(function() {
   
   
        console.log('outFun', this); // window
    });

    setTimeout(() => {
   
   
        console.log('outFun', this); // window
    });
}
obj.outf();

call applay

用new调用函数

构造函数

什么是构造函数

• 用new调用一个函数,这个函数就被称为"构造函数”，任何函数都可以是构造函数，只需要用new调用它
• 顾名思义,构造函数用来"构造新对象”，它内部的语句将为新对象添加若干属性和方法，完成对象的初始化
• 构造函数必须用new关键字调用， 否则不能正常工作，正因如此，开发者约定构造函数命名时首字母要大写

  如果不用new调用构造函数

全局this window

构造函数中的this不是函数本身，this是那个秘密创建的空对象

、

什么是prototype

• 任何函数都有prototype属性
• prototype属性值是个对象，它默认拥有constructor属性指回函数

• 构造函数的prototype是实例的原型
  

  has0wnProperty / in

  has0wnProperty方法可以检查对象是否真正“自己拥有某属性或者方法既不是从原型链上的获取的属性或方法

xiaoming.hasOwnProperty('name');
// true
xiaoming . hasOwnProperty('age');
// true
xiaoming.hasOwnProperty('sex');
// true
xiaoming. hasOwnProperty('nationality');
// false

in运算符只能检查某个属性或方法是否可以被对象访问，不能检查是否是自己的属性或方法

'name' in xiaoming // true
'age' in xiaoming // true
'sex' in xiaoming // true
'nationality' in xiaoming // true

将方法写到prototype上

把方法直接添加到实例身上的缺点:每个实例和每个实例的方法函数都是内存中不同的函数，造成了内存的浪费

\
返回TRUE

原型链的终点

数组

利用原型链实现继承

包装类

Math

求数组最大值 Math.max(...arr)

Data

正则