Lee Blog

箭头函数不会产生this, 会捕捉当前的执行上下文中的this当做自己的this 箭头函数不能做为构造函数 箭头函数不能绑定 arguments call/apply/bind 对箭头函数不起作用 箭头函数没有原型属性 箭头函数不能当作 Generator 函数，不能使用 yield 关键字

这种题目，除了多练，没别的方法 1. 实现一个类似 emiter 的类123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778class EventEmiter { constructor() { this.emiterMap = {} } on(event, callback) { if (this.emiterMap[event]) { this.emiterMap[event].push(callback) } else { this.emiterMap[event] = [callback] } } emit() { let [event,...

执行过程，就是要理解js的执行上下文 构造函数12345678910111213141516171819202122function Person1(name) { this.name = name;}function Person2(name) { if (name) { this.name = name; }}function Person3(name) { this.name = name || 'jack'; return { name: 'lilei', };}Person1.prototype.name = 'Tom';Person2.prototype.name = 'Tom';Person3.prototype.name = 'Tom';console.log(new Person1().name,...

[1, 2, 3, [4, 5, 6, [7, 8], 9], 10] => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] reduce + concat123456function flattenDeep(arr) { return arr.reduce((acc, curr) => Array.isArray(curr) ? acc.concat(flattenDeep(curr)) : acc.concat(curr), [])}let a = [1, 2, 3, [4, 5, 6, [7, 8], 9], 10]console.log(flattenDeep(a)) toString123456function flattenDeep(arr) { return arr.toString().split(",").map(item => Number(item))}let a = [1, 2, 3, [4, 5, 6, [7, 8], 9],...

原型链继承存在的问题： 包含引用类型的原型属性会被所有实例共享，这会导致对一个实例的修改会影响到另一个实例。在通过原型来实现继承时，原型实际上会变成另一个类型的实例。原先的实例属性就变成了现在的原型属性 在创建了类型的实例时，不能向超类型的构造函数中传递参数 12345678910111213141516171819function SuperType () { this.citys = ['北京', '上海', '深圳'];}function SubType () { this.name = 'sub';}SubType.prototype = new SuperType();var instance1 = new SubType();instance1.citys.push('阿斯加德'); console.log(instance1.citys) // ["北京", "上海",...

1. new 的实现原理 新建一个空对象 let newObj = {} 修改对象的原型: 把新对象的 __proto__ 指向构造函数的 prototype 属性 改变 this 指向，并执行 返回对象里边的内容原来构造函数里边的内容 12345678function _new () { let obj = {}; // 取第一个参数，第一参娄就是构造函数 let [Constructor, ...args] = [...arguments]; obj.__proto__ = Constructor.prototype; let result = Constructor.apply(obj, args); return result === 'object' ? result : obj;} 2. 如何正确判断一 this 指向分析好上下文：谁调用指向谁 分四种情况：new, 显示，隐式，默认 参考这里： this指向 3. 深拷贝和浅拷贝的区别是什么？...

Promise 是用来解决函数回调嵌套的， async、await 是用来解决逻辑上的函数依赖的。 Promise是一个有状态的对象，用来规范回调函数，内容是一个function(function Promise() { [native code] })，内部接收一个function，参数为resolve，reject，用于处理耗时操作的等待。 12345678910111213let promise = new Promise(function(resolve,reject){ if (condition){ resolve(...); } else { reject(...); }});promise.then((result) => {}).catch((err) =>{}) 三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败） 处理成功，调用resolve方法，状态会从...

Enter1. 输入地址比如： didiorg.com/ 2. DNS（Domain Name System，）解析：浏览器查找域名的 IP 地址本地 hosts 文件 => 本地 DNS 服务器 => DNS 根服务器本地 DNS 服务器 => com 域服务器本地 DNS 服务器 => 域名解析服务器 　这个过程很有意思，本地 DNS 服务器访问根服务器，当根胳没有的时候，并不是根服务器去访问 com 域服务器，这个时候，DNS 根服务器只会告诉 本地 DNS 服务器他没有， 叫他再去访问 com 域服务器。 　更有意思的是， 当本地 DNS 服务器访问 com 域服务器的时候，com 域服务器也不会直接给 本地 DNS 服务器 一个 IP 地址， 而是告诉本地 DNS 服务器想要查找的那个域名的域名解析服务器的地址 然后， 本地 DNS 服务器通过刚才拿到的址， 再去访问域名解析服务器，从那里拿到 IP 地址。 3. 浏览器向服务器发 http 请求拿到 ip 后，浏览器会向服务器80端口发起...

有关于this ，我们说得最多的一句话就是谁调用，指向谁；也就是 this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象 其实， 在我们 JS 里边，要想真的理解 this ，只知道上边这一句话是完全不行的，我们可以从以下几个方面学习跟理解 this ： 从 this 绑定层面去理解：默认绑定，隐式绑定，显式绑定，new 绑定 从函数的运行环境层面去理解: this， 内存， 函数，环境变量 能过实际代码的上下文去理解 默认绑定先看一个例子： 12345678var name = "global"function foo () { var name = "foo" console.log(this.name);}foo(); // global 很显然， foo 函数执行的时候，所在的环境是 window, 所以 this.name 就是 window 的 name...