总结一下强大的ES6符号空值合并运算符'??'第一个参数不是null/undefined，则??返回第一个参数。否则，返回第二个参数。result=a??b，可以理解为这样：result=(a!==null&&a!==undefined)?a:b;可选链"?."可选链?.是一种访问嵌套对象属性的安全的方式。即使中

在实际的项目当中不可避免的会遇到数组里面元素重复情况，下面将介绍几种ES6数组去重的方法：1、使用Set去重constarr=['张三','张三','三张三']letset=newSet(arr);//set自带去重//Set{'张三','三张三'}console.log(set);console.error(Array.from(set));//

条件：arrA，arrB，通过对比修改arrB中的字段值varsSrr=[];vararrA=[{name:'这是一',Id:1},{name:'这是二',Id:2},{name:'这是三',Id:3},{name:'这是一',Id:1},{name:'这是二',Id:2}]vararrB=[{name:'这是

一.新增letconst命令  有以下几点特性：1.块级作用域，即只能用于此命令所在作用域；2.不存在变量提升，即必须先申明再进行使用；3.暂时性死区，即块级作用域除外的外部区域无法使用该块级作用域以内的变量；4.不允许重复声明，在同一块级作用域中无法重复进行声明；5.let创建了块级作

1.Object.freeze的使用this.yesPoints=Object.freeze(res[0].yesPoints)this.totalPoints=Object.freeze([...this.yesPoints, ...this.absentPoints, ...this.noPoints,])<pv-for="(item,index)intotalPoints":key="index">{{`${index

目前各大浏览器基本上都支持ES6的新特性，其中Chrome和Firefox浏览器对ES6新特性最友好，IE7~11基本不支持ES6。以下是各大浏览器支持情况及开始时间:Node.js是运行在服务端的JavaScript，它对ES6的支持度更高。nodejs下载安装&环境配置：https://blog.csdn.net/Stub

参考链接：https://www.runoob.com/w3cnote/javascript-promise-object.html一、介绍ECMAscript6原生提供了Promise对象。Promise对象代表了未来将要发生的事件，用来传递异步操作的消息。Promise对象有以下两个特点:1、对象的状态不受外界影响。Promise对象代表一个异步操

解构赋值：分解数据结构，为变量赋值一、数组的解构赋值从数组中提取值，按照对应位置，对变量赋值。let[a,b,c]=[1,2,3];console.log(a)//1console.log(b)//2console.log(c)//3如果解构不成功，变量的值为undefined。let[foo]=[];console.log(foo)//undefined//

类数组 / 伪数组Array.from()Array.of()copyWithin()fill()includes() 类数组、伪数组例子：letdivs=document.getElementsByTagName('div');console.log(divs);//HTMLCollectionletdivs2=document.getElementsByClassName('abc');console.log(div

1.filter针对数组起过滤作用筛选出符合条件的一个或多个元素 lvarnewarr=[{num:1,val:'ceshi',flag:'aa'},{num:2,val:'ww'}]console.log(newarr.filter(item=>item.num===2))  // [{num:2,val:'ww'}]2.filter自动多虑数组中空字符串、

每个JavaScript开发人员都曾用到过console.log("message")这个方法。它提供了一个简单的调试控制台，类似于web浏览器提供的JavaScript控制台机制。在本文中，我们将讨论一些常用的JS控制台方法。以下所有方法在全局实例控制台中可用，因此不需要控制台模块。默认值：console.log()

https://juejin.cn/post/6844903734464495623ES6面试为什么选择ES6？ES6是新一代的JS语言标准，规范了JS的使用标准（var标量提升）、新增了JS原生方法更加优雅ES5、ES6、ES2015区别ES2015特指在2015年发布的新一代JS语言标准，ES6泛指下一代JS语言标准，包含ES2015、ES2016

 然后我们再看一下,es11中提供的这个动态的import这个是用来解决什么问题?解决以前我们导入需要的js文件,都是怎么导入,把需要的都一次导入进来对吧,做不到按需导入,这样会导致一个问题,就是页面的显示效率会下降,因为,页面打开需要加载的js太多了. 我们es11提供的这个动态的impo

let和const：let和const都是是块级变量声明的方式，没有变量提升。let声明的变量不能重复声明，后续可修改变量值；const声明的是常量，后续不可修改变量值箭头函数：箭头函数中的this指向，不会随着调用环境的变化而变化，是在定义的时候决定的，比如，一个箭头函数在window作用域下定

先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思，异步函数也就意味着该函数的执行不会阻塞后面代码的执行。写一个async函数asyncfunctiontimeout(){return'helloworld';} 语法很简单，就是在函数前面加上a

前端jQueryjQuery介绍jQuery由美国人JohnResig（约翰·莱西格）于2006年创建jQuery是目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装它的设计思想是writeless,domorejQuery能做什么?1、访问和操作DOM元素2、控制页面样式3、对页面事件进行处理4、扩

ES9提供异步迭代：for await ofSymbol.asyncIterator functiongetPromise(time){returnnewPromise((resolve,reject)=>{setTimeout(()=>{resolve({value:time,done:false})

一、let和const命令1.let命令1.1基本用法（1）用来声明变量，只在let命令所在代码块内有效。（2）for循环的计数器，就很合适使用let命令。（3）for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。1.2不存在变量提升1.3暂时性死区（1.2的原

es6模块化1、模块化简介1.1、模块化产生的背景1.2、模块化规范1.3、前后端的模块化2、ES6模块化规范案例2.1、创建moduldemo文件夹，项目初始化**npminit**2.2、创建01.js文件，定义导出的信息2.3、创建02.js文件，调用方法2.4、运行02.js，出错了3、bable转码器的使用3.1、安

由于Generator可以暂停函数执行，返回任意表达式的值，这使得Generator有多种应用场景，这篇文章简单整理一些Generator的使用场景。一、异步操作的同步化表达Generator函数的暂停执行的效果，意味着可以把异步操作写在yield表达式里面，等到调用next方法时再往后执行。这实际上等同

目录一、Promise介绍Promise对象有以下两个特点：二、Promise用法1.创建Promise对象----以及then方法2.Promise.prototype.then()---见1.④⑤3.Promise.prototype.catch()--用于指定发生错误时的回调函数4.Promise.prototype.finally()5.Promise.all()6.Promise.race()

ES6-Babel-Browserify使用教程定义package.json文件{"name":"es6-babel-browserify","version":"1.0.0"}安装babel-cli,babel-preset-es2015和browserifynpminstallbabel-clibrowserify-gnpminstallbabel-preset-es201

二、变量的解构赋值1.数组的解构赋值1.1基本用法ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。可以从数组中提取值，按照对应位置，对变量赋值。如果解构不成功，变量的值就等于undefined。let[foo]=[]let[bar,foo]=[1]不完全解

1、对象的扩展运算符对象中的扩展运算符（...）用于取出对象中的所有可遍历属性，拷贝到当前对象中   2、数组的扩展运算符扩展运算符（...）用于取出对象中的所有可遍历属性，拷贝到当前对象中2.1可以将数组转换为参数序列 2.2可以复制数组（深

本文转载自：微信公众号Vue中文社区https://mp.weixin.qq.com/s/BXw4Bz7S-2yUV8oL2JSHTAES6(2015)1.类(class)classPerson{constructor(name){this.name=name;}showName(){console.log(this.name);}}constme=newPerson('Lucky');me.sho

ECMAScript通过模板字面量为字符串提供了新的特性，主要在于以下方面：多行字符串基本的字符串格式化，将变量的值嵌入字符串的能力HTML转义，向HTML插入经过安全装换后的字符串的能力基础语法使用反引号(``)描述字符串，例如`hello`。基本上与单双引号用法一样，区别在于使用反引号

ES5 中的类与继承：类的定义：functionPeople(name,age){//this指向当前实例化对象console.log(this);//实例属性this.name=namethis.age=age//每一次new实例的时候累计到People.count当中People.count++//不建议将方法写

前言在js中继承无处不在，因为有原型链的存在，如果对原型链不是很明白的童鞋，可以先看一看《弄清JS的原型链》；如果不知道继承是如何实现的童鞋，那么本文值得你读一读目录前言一、何为继承，继承的特点二、ES5的继承实现1、原型链继承2、借用构造函数继承3、组合继承4、原型式

constgetData=()=>newPromise(resolve=>setTimeout(()=>resolve("data"),1000))asyncfunctiontest(){constdata=awaitgetData()console.log('data:',data);constdata2=awaitgetData()console.log('d

迭代器 Iterator是一种接口机制，为各种不同的数据结构提供统一访问的机制主要供for...of消费一句话：不支持遍历的数据结构“可遍历” 具备Symbol.iterator类型的数据即可遍历letmap=newMap()map.set('name','张三')map.set('age',18)map.set('school','清华')