分类：ES6

2020
09-27

es6数组includes()用法实例分析

本文实例讲述了es6数组includes()用法。分享给大家供大家参考，具体如下：Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似。ES2016引入了该方法。[1,2,3].includes(2)//true[1,2,3].includes(4)//true[1,2,NaN].includes(NaN)//true该方法的第二个参数表示搜索的起始位置，默认为0。如果第二个参数为负数，则表示倒数的位置，如果这时它大于数组长度(比如第二... 继续阅读 >

2020
09-27

es6数组的flat()，flatMap()函数用法实例分析

本文实例讲述了es6数组的flat()，flatMap()函数用法。分享给大家供大家参考，具体如下：数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响。[1,2,[3,4]].flat()//[1,2,3,4]上面代码中，原数组的成员里面有一个数组，flat()方法将子数组的成员取出来，添加在原来的位置。flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将... 继续阅读 >

2020
09-27

es6函数中的作用域实例分析

本文实例讲述了es6函数中的作用域。分享给大家供大家参考，具体如下：一旦设置了参数的默认值，函数进行声明初始化时，参数会形成一个单独的作用域(context)。等到初始化结束，这个作用域就会消失。这种语法行为，在不设置参数默认值，是不会出现的。varx=1;functionf(x,y=x){console.log(y);}f(2)//2上面的代码中，参数y的默认值等于变量x。调用函数f时，参数形成一个单独的作用域。在这个作用域里面，默认值变量x指向... 继续阅读 >

2020
09-24

es6函数之严格模式用法实例分析

本文实例讲述了es6函数之严格模式用法。分享给大家供大家参考，具体如下：从es5开始，函数内部可以设定为严格模式。functiondoSomething(a,b){'usestrict'//code}es2016做了一点修改，规定只要函数参数使用了默认值，解构赋值，或者扩展运算符，那么函数内部就不能显示设定为严格模式，否则会报错。//报错functiondoSomething(a,b=a){'usestrict'//code}constdoSomething=function({a,b}){'usestrict'//... 继续阅读 >

2020
09-24

es6中new.target的作用和使用场景简单示例分析

本文实例讲述了es6中new.target的作用和使用场景。分享给大家供大家参考，具体如下：有时候想写出只能被继承使用的类，这时候就要用到new.target1含义：new.target返回使用new方法调用类时的类的名称，子类继承父类时，new.target会返回子类classRectangle{constructor(length,width){console.log(new.target===Rectangle);//...}}classSquareextendsRectangle{constructor(length){super(length,length);... 继续阅读 >

2020
09-24

JS面向对象编程——ES6 中class的继承用法详解

本文实例讲述了ES6中class的继承用法。分享给大家供大家参考，具体如下：JS是一种基于对象的语言，要实现面向对象，写法跟传统的面向对象有很大的差异。ES6引入了Class语法糖，使得JS的继承更像面向对象语言的写法。此篇博客，分为：基本介绍、Vue使用案例基本介绍Class可以通过extends关键字实现继承，这比ES5的通过修改原型链实现继承，要清晰和方便很多；classFather{}classSonextendsFather{}代码定义了一个Son类，... 继续阅读 >

2020
09-24

ES6使用 Array.includes 处理多重条件用法实例分析

本文实例讲述了ES6使用Array.includes处理多重条件用法。分享给大家供大家参考，具体如下：includes  [ɪnk'lu:dz] 包含，包括includes()方法用来判断一个数组是否包含一个指定的值，如果是返回true，否则false。举个例子：//条件语句functiontest(fruit){if(fruit=='apple'||fruit=='strawberry'){console.log('red');}}乍一看，这么写似乎没什么大问题。然而，如果我们想要匹配更多的红... 继续阅读 >

2020
09-24

ES6中Set和Map用法实例详解

本文实例讲述了ES6中Set和Map用法。分享给大家供大家参考，具体如下：SetES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。//例一varset=newSet([1,2,3,4,4]);[...set]//[1,2,3,4]vars=newSet();[2,3,5,4,5,2,2].map(x=>s.add(x));for(letiofs){console.log(i);}//2354注：在Set内部，两... 继续阅读 >

2019
01-03

ES6核心特性

前言ES6虽提供了许多新特性，但我们实际工作中用到频率较高并不多，根据二八法则，我们应该用百分之八十的精力和时间，好好专研这百分之二十核心特性，将会收到事半功倍的奇效！一、开发环境配置这部分着重介绍：babel编译ES6语法，如何用webpack实现模块化。1.babel为啥需要babel？ES6提供了许多新特性，但并不是所有的浏览器都能够完美支持。下图是各个浏览器对ES6兼容性一览表(以export为例)由上图可知，有些浏览... 继续阅读 >

2018
08-08

重读 ES6 - async+await 同步/异步方案

异步编程一直是JavaScript编程的重大事项。关于异步方案，ES6先是出现了基于状态管理的Promise，然后出现了Generator函数+co函数，紧接着又出现了ES7的async+await方案。本文力求以最简明的方式来疏通async+await。异步编程的几个场景先从一个常见问题开始：一个for循环中，如何异步的打印迭代顺序？我们很容易想到用闭包，或者ES6规定的let块级作用域来回答这个问题。for(let... 继续阅读 >

2018
05-16

[译]深入ES6之箭头函数

箭头一族缺少的家庭成员在JavaScript出现以来，箭头（Arrow）就一直是其语法的一部分。一般来说，JavaScript教程的第一篇就会讲如何在HTML中插入箭头括号来作为注释，这会阻止不支持JS的浏览器错误的将你的JS代码作为文字展现出来，比如这个：<scriptlanguage="javascript"><!--document.bgColor="brown";//red//--></script>老旧的浏览器只会看到两个不支持的tag以及一个注释，而现代... 继续阅读 >

2018
04-03

送给 ES6 开发者的7个 hack

关注原来的JavaScripthacks，上面有一些新的好东西。2018使用JavaScript写代码真的又变得有意思了！Hack#1—交换变量使用数组结构来交换值leta='world',b='hello'[a,b]=[b,a]console.log(a)//->helloconsole.log(b)//->world//是的，很神奇Hack#2—使用解构的Async/Await再说一遍，数组结构真的很棒。通过和async/await以及promise结合可以让复杂的流程变得简单... 继续阅读 >