Johnny's blog

JS进阶语法

类型判断

JS的基本类型共有七种：bigInt（bigInt是一种内置对象，是处symbol外的第二个内置类型）、number、string、boolen、symbol、undefined、null。复杂数据类型有对象（object）包括基本的对象、函数（Function）、数组（Array）和内置对象（Data等）。

  1. typeof方法

基本数据类型除了null外都返回对应类型的字符串。难以判断除了函数以外的复杂数据类型。

  1. Object.prototype.toString.call方法 返回"[object 类型]"

基本数据类型都能返回相应的类型。复杂数据类型也能返回相应的类型。这个方法可以返回内置类型

  1. obj instanceof Object

只能用来判断复杂数据类型,因为instanceof 是用于检测构造函数（右边）的 prototype 属性是否出现在某个实例对象（左边）的原型链上。obj instanceof Object方法也可以判断内置对象。

Proxy

Proxy意思为“代理”，即在访问对象之前建立一道“拦截”，任何访问该对象的操作之前都会通过这道“拦截”，即执行Proxy里面定义的方法。

let pro = new Proxy(target,handler);
1
  1. new Proxy()表示生成一个Proxy实例
  2. target参数表示所要拦截的目标对象
  3. handler参数也是一个对象，用来定制拦截行为。

Reflect

Reflect正是ES6 为了操作对象而提供的新 API。

基本特点

只要Proxy对象具有的代理方法，Reflect对象全部具有，以静态方法的形式存在。这些方法能够执行默认行为，无论Proxy怎么修改默认行为，总是可以通过Reflect对应的方法获取默认行为。

修改某些Object方法的返回结果，让其变得更合理。比如，Object.defineProperty(obj, name, desc)在无法定义属性时，会抛出一个错误，而Reflect.defineProperty(obj, name, desc)则会返回false。

让Object操作都变成函数行为。某些Object操作是命令式，比如name in obj和delete obj[name]，而Reflect.has(obj, name)和Reflect.deleteProperty(obj, name)让它们变成了函数行为。

Reflect对象一共有 13 个静态方法（匹配Proxy的13种拦截行为）。

WeakMap和WeakSet

WeakSet

  1. 成员都是对象；
  2. 成员都是弱引用，可以被垃圾回收机制回收，可以用来保存 DOM 节点，不容易造成内存泄漏；
  3. 不能遍历，方法有 add、delete、has。

WeakMap

  1. 只接受对象最为键名（null 除外），不接受其他类型的值作为键名；
  2. 键名是弱引用，键值可以是任意的，键名所指向的对象可以被垃圾回收，此时键名是无效的；
  3. 不能遍历，方法有 get、set、has、delete。