在Twitter 上关注我，很高兴收到您对主题或改进的建议/Chris

您可能对 JavaScript 完全陌生，或者多年来您可能只是偶尔使用它。不过有一件事很清楚 - 很多东西都发生了变化，并且您应该使用一些功能。这篇文章描述了我认为你应该每天使用的特性，如果你对 JavaScript 很认真的话

资源

这些是我最喜欢的 ES6+ 资源：

• ES6 特性
• MDN

-1- 扩展运算符

这被表示为...一个对象或数组的前面，并完成了名字所说的，它将某些东西从一个结构变成了一个逗号分隔的列表。让我们演示一下：

展开数组

let firstHalf = [ 'one', 'two'];
let secondHalf = [

前言

随着web的发展与普及，前端页面不仅只加载在浏览器上，也慢慢流行于各种app的webview里。尤其在如今设备性能越来越好的条件下，前端页面更是开始在app中担任重要的角色。如此一来，前端页面的停留时间变得更长，我们理应越发重视前端的内存管理，防止内存泄露，提高页面的性能。

想要打造高性能前端应用，防止崩溃，就必须得搞清楚JS的内存机制，其实就是弄清楚JS内存的分配与回收。

JS数据存储机制

内存空间

从图中可以看出， 在 JavaScript 的执行过程中， 主要有三种类型内存空间，分别是代码空间、栈空间和堆空间。

代码空间：用来存放可执行代码

栈空间：一块连续的内存区域，容量较小，读取速度快，被设计成先进后出结构

堆空间：不连续的内存区域，容量较大，用于储存大数据，读取速度慢

数据类型

JavaScript 发展至今总共有八种数据类型，其中 Object 类型称为引用类型，其余七种称为基本类型，Object 是由其余七种基本类型组成的kv结构数据。

栈空间和堆空间

栈空间其实就是 JavaScript 中的调用栈，是用来储存执行上下文，以及存储执行上下文中的一些基本类型中的小数据，如下图所示：

变量环境： 存放var声明与函数声明的变量空间，编译时就能确定，不受块级作用域影响

词法环境： 存放let与const声明的变量空间，编译时不能完全确定，受块级作用域影响

而堆空间，则是用来储存大数据如引用类型，然后把他们的引用地址保存到栈空间的变量中，所以多了这一道中转，JavaScript 对堆空间数据的读取自然会比栈空间数据的要慢，可以用下图表示两者关系：

通常情况下，栈空间都不会设置太大，这是因为 JavaScript 引擎需要用栈来维护程序执行期间上下文的状态，如果栈空间大了的话，所有的数据都存放在栈空间里面，那么会影响到上下文切换的效率，进而又影响到整个程序的执行效率。

闭包

内部函数总是可以访问其外部函数中声明的变量，当通过调用一个外部函数返回一个内部函数后，即使该外部函数已经执行结束了，但是内部函数引用外部函数的变量依然保存在内存中，我们就把这些变量的集合称为闭包

…

刚入行的时候了解到宏任务和微任务，也是在别人的博客中写的，工作一年多后，稍微对js有点了解吧！ 我去了解事件循环，任务队列，慢慢的给我的感觉是根本没有什么宏任务！或者说什么宏任务队列， 不知道这个概念是从哪来的，通过setTimeout 和 setInterval 创建出来的，内部的回调函数会加入到任务队列中（或者说是下一次任务队列中）！微任务队列中的任务则会早于下一次任务！！！ 有没有大佬解惑下，这个宏任务从哪来的，他不就是任务吗！ 还有他到底该如何理解，不应该单单就是 setTimeout 和 setInterval 就是宏任务 这个不是我想要的答案！！！

作者：紫云飞
链接：https://www.zhihu.com/question/560193382/answer/2719657486
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

你的表达和逻辑有点混乱，不过从这么多的感叹号也可以看出，你已经受够了百度里千篇一律的总结文了。能找到的知识觉的里面说的是狗屁，觉的不是狗屁的知识呢又没能力看懂。I know the feeling bro!

最近我刚刚对事件循环做了考古工作，在上个世纪的 Netscape 浏览器源码里，我找到了所谓的 event loop，它就是个处理 event 的 while 循环，不停的从 event queue 里拿到之前被添加进去的 event 对象，处理 event，再进入下一次循环。

到了本世纪，浏览器越来越复杂，可能只用

js产生随机数通常是使用 javascript 的Math.random()函数

常用的几种方法：Math.random()表示:结果为0-1之间（包括0,不包括1）；

Math.floor(Math.random()*10+1)表示结果为1-10之间的一个随机数

Math.floor(Math.random()*24)表示结果为0-23间的随机数

1.Math.random();返回0-1之间的随机数，可能为0，但是总是小于1，[0,1)

返回指定范围随机数(m~n)之间的范围的公式为：

Math.random()*(n-m)+m

2.Math.ceil(n);返回大于等于n的最小整数（向上取整）

用Math.ceil(Math.random()*10)时，主要获取1到10的随机整数，取0的几率很小

3.Math.round(n)返回n四舍五入后整数的值

用Math.round(Math.random());可均衡获取0和1的随机整数

用Math.round(Math.random()*10)时，可基本均衡获取0到10的随机整数

4.Math.floor(n)返回小于等于n的最大整数（向下取整）

用Math.floor(Math.random(*10))时，可均衡获取0到9的随机整数

…

js获取自定义属性的两种方法
四种获取属性的方法
首先获取一个元素：var elem = document.getElementById(‘elem’);

1 1、点(获取不到自定义属性)：

2、[] 也可以获取属性 ，有利于进行传参操作。

elem.style[‘background’] = ‘yellow’
1
3、getAttribute():早期获取自定义属性的方法。

var foo = elem.getAttribute(‘ancheng’);//Ancheng
1
同时也能进行设置：

elem.setAttribute(‘ancheng’,‘安成’);
1
4、data-*(现在经常使用的获取自定义属性的方法)

console.log(elem.dataset.user);
1
重点： *号的名字若果有下划线，就转成小驼峰。

console.log( elem.dataset.userName)
1
注意： 可以在js中直接添加自定义属性，但是只能在js中用，因为你还没有加入html中。

elem.myColor = ‘red’;
console.log( elem.myColor );…