向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身。
es6作为最新的js语言版本，有很多特性是不得不晓的。下面将语法中常用的分析出来，对应到基本对象类型的会在对象里描述。
写作不易，未经作者允许禁止以任何形式转载！ WeakMap 前置知识[深入浅出]JavaScript GC 垃圾回收机制 什么是WeakMap？ WeakMap是key / value的组合，key只接受对象，不接受基本类型，value可以为任意类型。 方法 set(key, value) 在WeakMap中设置一组关联对象，返回WeakMap对象 get(key) 返回key的关联对象，不存在时返回undefined has(key) 根据是否有key关联对象，放回一个Boolean值 delete(k
JS中的iterator也有类似的功能，JS内部为一些数据结构实现了iterator迭代器的接口，让我们可以方便的使用
最近经常看到很多 JavaScript手写代码的文章总结，里面提供了很多 JavaScriptApi的手写实现。
基本上所有的程序员都使用过javascript，我们在web中使用javascript，我们在服务器端使用nodejs，js给大家的第一映像就是简单，但是可能并不是所有人都系统的了解过js中的内置对象和数据结构。
要理解JS中数据是如何存储的，就要先明白其内存空间的种类。下图就是JS的内存空间模型。
但有一个缺点：如果手动向数组添加成员时，索引值会出现问题： 虽然数组的length不变，但用for…in遍历数组会遍历到那些新定义的属性。
可以通过var 来定义变量，他会自动匹配变量的数据类型，也可以使用 对应的 String , int 来指定定义的类型。
Immutable数据就是一旦创建，就不能更改的数据。每当对Immutable对象进行修改的时候，就会返回一个新的Immutable对象，以此来保证数据的不可变
2、map：支持return，相当与原数组克隆了一份，把克隆的每项改变了，也不影响原数组
JS数组遍历，基本就是for,forin,foreach,forof,map等等一些方法，以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比
目录 1.高级语法 1.1变量声明 1.2解构赋值 1.3函数参数名默认值 1.4箭头函数的this 1.5Map数据结构(Map集合) 1.6Set数据结构(Set集合) 1.7for...of遍历 1.8rest参数(形参...) 1.9扩展运算符(实参...) 2.模块化 2.1ES5 CommonJS解决方案 2.2ES6 mod
上集说到ES6中set方法，在ES6中除了增加set方法之外，还考虑到一种场景——键值对的存储,而map集合就是专门存储多个键值对(key value pair)的数据。
JS 普通对象 {key: 'value'} 用于存放结构化数据。但有一件事我觉得很烦:对象键必须是字符串(或很少使用的 symbol)。
理解ES 全称: ECMAScript js语言的规范 我们用的js是它的实现 js的组成 ECMAScript(js基础) 扩展-->浏览器端 BOM DOM 扩展-->服务器端 Node.js ES5 严格模式 运行模式: 正常(混杂)模式与严格模式 应用上严格式: 'strict mode'; 作用: 使得Javascript在更严格的条件下运行 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为 消除代码运行的一些不安全之处，保证代码运行的安全 需要记住的几个变化 声明定
浅拷贝是指，一个新的对象对原始对象的属性值进行精确地拷贝，如果拷贝的是基本数据类型，拷贝的就是基本数据类型的值，如果是引用数据类型，拷贝的就是内存地址。如果其中一个对象的引用内存地址发生改变，另一个对象也会发生变化。
ECMAScript 6.0（ 以下简称ES6） 是JavaScript语言的下一代标准。
js中有深拷贝和浅拷贝两种复制形式，下面总结一下常用方法，方便平时工作复习使用
请使用最基本的遍历来实现判断字符串 a 是否被包含在字符串 b 中，并返回第一次出现的位置（找不到返回 -1）。
比较1、2例子可以发现，当引用类型key的值指向为空的时候，使用WeakMap的时候会立即释放内存 当使用Map的时候不会立即释放内存。
根据文章内容撰写摘要总结。
一直没有找到一个合适的展示个人项目的模板，所以自己动手使用 Vue 写了一个。该模板基于 Markdown 文件进行配置，只需要按一定规则编写 Markdown 文件，然后使用一个 在线工具 转为 JSON 文件即可。下面是该项目的在线地址和源码。本文主要记录一下项目中用到的相关知识。
继续打开 github 看一下最初的版本的 babel 是怎么实现的，了解它的基本原理。
在交叉对比中，当新节点跟旧节点头尾交叉对比没有结果时，会根据新节点的key去对比旧节点数组中的key，从而找到相应旧节点（这里对应的是一个key => index 的map映射）。如果没找到就认为是一个新增节点。而如果没有key，那么就会采用遍历查找的方式去找到对应的旧节点。一种一个map映射，另一种是遍历查找。相比而言。map映射的速度更快。
collapsed,onCollapse这些是控制侧边栏缩小的,接受的是外部的props
这里Robin Pokirny的文章中提到了，如果满足这三者，可以放心使用index作为key
数组扁平化就是将多层数组拍平成一层，如[1, [2, [3, 4]]]变成[1, 2, 3, 4]
diff算法用来计算出Virtual DOM中改变的部分，然后针对该部分进行DOM操作，而不用重新渲染整个页面，渲染整个DOM结构的过程中开销是很大的，需要浏览器对DOM结构进行重绘与回流，而diff算法能够使得操作过程中只更新修改的那部分DOM结构而不更新整个DOM，这样能够最小化操作DOM结构，能够最大程度上减少浏览器重绘与回流的规模。
While语句包括一个循环条件和一段代码块，只要条件为真，就不断循环执行代码块。
输入一个字符串 在全局搜索被登记的 Symbol是否存在，如果不存在就登记输入的字符串。
写下这篇文章的目的，主要是想总结一下关于JS对于集合对象遍历的方式方法，以及在实际应用场景中怎样去使用它们。本文会主要介绍：while,for,forEach,every,some,filter,reduce,map,indexOf…
对原对象进行浅拷贝，会生成一个和它“一样”的新对象。但是这种拷贝只会拷贝原对象第一层的基本类型属性，引用类型属性仍然和原对象共享同一个。
JavaScript中数组空位指的是数组中的empty，其表示的是在该位置没有任何值，而且empty是区别于undefined的，同样empty也不属于Js的任何数据类型，并且在JavaScript版本以及各种方法对于空位的处理也有不同，所以建议避免在数组中出现空位。
在 React 中还有一个不同的点，不能通过返回 fasle 阻止默认行为， React 提供了一个属性－－preventDefault，可以通过 preventDefault 阻止脚本执行
key 的作用是为了在 diff 算法执行时更快的找到对应的节点，提高 diff 速度。
ES6不仅在语法上有很大的改进，在代码的组织结构上也有重大升级，ES6中新增加了像Set、WeakSet、Map、WeakMap、ArrayBuffer、TypedArray和DataView等数组结构；原生的模块化解决了复用、依赖、冲突、代码组织混乱的问题，让开发复杂的前端项目变得更加容易；类（class）的加入使JavaScript面向对象更加易于理解。
StrictMode 是一个用来突出显示应用程序中潜在问题的工具。与 Fragment 一样，StrictMode 不会渲染任何可见的 UI。它为其后代元素触发额外的检查和警告。 可以为应用程序的任何部分启用严格模式。例如：
用了document.documentElement.contains做判断，如果浏览器支持该方法，就用node.contains重新包了一层得到一个函数，差别就在于如果传入的两个节点相同，那么原生的node.contains返回true，具体用法可以查看MDN Node.contains但是$.contains返回false。
封闭第18天，做产品规划和后续培训新人，开始学习前端对应知识，JS和TS已经复习完毕，做整体大纲梳理，重点部分笔记分享。
https://juejin.cn/post/6844903734464495623
前几天主管和我说学一下lodash,今天就来学一下怎么使用,还有归纳一些常用的方法。
答： ES6是新一代的JS语言标准，规范了JS使用标准，对分JS语言核心内容做了升级优化，，新增了JS原生方法，使得JS使用更加规范，更加优雅，更适合大型应用的开发。学习ES6是成为专业前端正规军的必经之路。为什么要学习它。啥也别说，问就是ES6牛逼坏了，不学习ES6，没怎样，写起来比较累。
这是第 100 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 本文首发于政采云前端团队博客：JS常用的循环遍历你会几种 https://www.zoo.team/
我们说迭代器对象全凭迭代器生成函数帮我们生成。在ES6中，实现一个迭代器生成函数并不是什么难事儿，因为ES6早帮我们考虑好了全套的解决方案，内置了贴心的 生成器 （Generator）供我们使用：
Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 。如果对象的键-值都不可枚举，那么将返回由键组成的数组。
在项目开发过程中，我们有时候遇到需要更换站点主题色的需求。乃至于 APP 底部的 banner 中的 icon、文案和背景图都是运营线上可配置的。还有的功能比如更换系统字体大小等。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
