饭后小八卦|27 个 JavaScript 技巧，中级前端工程师必须要掌握的使用Object.prototype.toString配合闭

文章图片
使用Object.prototype.toString配合闭包，在保证判断数据类型的准确性时，同时能让这个函数非常灵活，通过传入不同的判断类型来返回不同的判断函数（注意传入type参数时首字母大写）

文章图片
值得一提的是， map的第二个参数为第一个参数回调中的this指向，如果第一个参数为箭头函数，那设置第二个this会因为箭头函数的词法绑定而失效

文章图片

文章图片
在这里小编建了一个前端学习交流扣扣群：132667127 ，我自己整理的最新的前端资料和高级开发教程，如果有想需要的，可以加群一起学习交流

文章图片

文章图片
执行some方法的数组如果是一个空数组，最终始终会返回false ，而另一个数组的every方法中的数组如果是一个空数组，会始终返回true

文章图片

文章图片
因为selfFlat是依赖this指向的，所以在reduce遍历时需要指定selfFlat的this指向，否则会默认指向window从而发生错误
原理通过reduce遍历数组，遇到数组的某个元素仍是数组时，通过ES6的扩展运算符对其进行降维（ES5可以使用concat方法），而这个数组元素可能内部还嵌套数组，所以需要递归调用selfFlat
同时原生的flat方法支持一个depth参数表示降维的深度，默认为1即给数组降一层维度

文章图片
传入Inifity会将传入的数组变成一个一维数组

文章图片
原理是每递归一次将depth参数减1 ，如果depth参数为0时，直接返回原数组
9.实现ES6的class语法

文章图片
ES6的class内部是基于寄生组合式继承，它是目前最理想的继承方式，通过Object.create方法创造一个空对象，并将这个空对象继承Object.create方法的参数，再让子类（subType）的原型对象等于这个空对象，就可以实现子类实例的原型等于这个空对象，而这个空对象的原型又等于父类原型对象（superType.prototype）的继承关系
而Object.create支持第二个参数，即给生成的空对象定义属性和属性描述符/访问器描述符，我们可以给这个空对象定义一个constructor属性更加符合默认的继承行为，同时它是不可枚举的内部属性（enumerable:false）
而ES6的class允许子类继承父类的静态方法和静态属性，而普通的寄生组合式继承只能做到实例与实例之间的继承，对于类与类之间的继承需要额外定义方法，这里使用Object.setPrototypeOf将superType设置为subType的原型，从而能够从父类中继承静态方法和静态属性

文章图片
使用方法：

饭后小八卦|27 个 JavaScript 技巧，中级前端工程师必须要掌握的

推荐阅读

「青岛疫情」青岛此次疫情由患者共用CT室引发院内感染仍是防治难点

「新华网」美国导演斯派克·李出任戛纳电影节评委会主席

ITheat热点科技你需要一台提升学习政策、思想利器，建党99周年

游戏攻略|丢失的魔典被盗的王国第十三章过关玩法全流程通关技巧攻略

河南省第一大城市，比4个开封还大，相当于5个安阳，是你家吗？

刘海|女生最显老的三款发型，你踩雷了吗？

意大利|《弥留之国的爱丽丝》，披着爽感的外壳探讨人性

钛媒体APP新基建不能只搞基建

生活大动静|中国接手开工十年后，老外：难以置信，土耳其百亿高难度高铁订单

车壹条|比亚迪宋PLUS靠什么跻身主流？，不止于“颜值革命”

|医保！你知道多少？（第四期）

神经病是什么神经病的症状

一口吃掉童年忧愁|首位球衣退役的外援，CBA历史第一外援积臣去哪了？现状如何？

『』如何瘦下来？牢记“2478”数字原则，4周体脂率下降5%

大葱炒羊肉怎么做

刺五加籽治疗高血压吗

#鹤城政法#这5家商业网站受理了全国8成网络举报，上个月

东方网|现代技术要素市场创新发展论坛在沪举行

海特生物子公司新冠检测试剂盒已具备出口条件

炉石传说|炉石传说：聊聊“暗月马戏团”和恩佐斯的关系，提前了解新版本