
ES6
文章平均质量分 90
Cacra
编程路上在探索。
展开
-
export和export default的区别
1.export的使用1.直接输出export let words = 'hello world!!!' export function output() { // ... }2.先定义再输出let firstWords = 'hello'let secondWords = 'world'let thirdWords = '!!!'function output() { // ...}export {firstWords, secondWords, third原创 2020-08-12 00:28:02 · 1048 阅读 · 0 评论 -
ES6系列学习(6)模块、Babel、Polyfill、ES6继承
1.ES6模块//config.jsexport const apiKey = 'abc123';export const age = 12;export function greet(name){};//import { apiKey ,age , greet} from './config'slug:可以将各种各样的用户名转换成-连接的用户名,地址:https://ww...原创 2019-04-29 12:47:24 · 737 阅读 · 0 评论 -
ES5和ES6继承
ES5常用七种继承方案和ES6的类继承,有八种继承方案。ES5:原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承、混入方式继承多个对象ES6:类继承extends1.原型链继承原型链继承就是SuperType的原型指向SuperType的实例,那么就可以继承SuperType原型链上方法。继承的本质就是复制,即重写原型对象,代之以一个新类型的实例。...原创 2019-05-06 16:07:06 · 692 阅读 · 0 评论 -
ES6系列学习(7)
1.遍历器Iterator2.生成器Generator3.Proxy4.Set5.WeakSet6.Map7.WeakMap原创 2019-05-06 21:10:18 · 169 阅读 · 0 评论 -
ES5和ES6继承
1.ES6继承class Book{ constructor(title,pages,isbn){ this.title = title; this.pages = pages; this.isbn = isbn; } printIsbn(){ console.log(this.isbn) }}class ITBook extends Book{ const...原创 2019-06-02 16:35:44 · 498 阅读 · 0 评论 -
再说...扩展运算符
总结:对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中更多参考文章:https://blog.youkuaiyun.com/astonishqft/article/details/82899965https://blog.youkuaiyun.com/qq_30100043/article/details/53391308...原创 2019-07-29 14:52:23 · 135 阅读 · 0 评论 -
ES6排名前十位的最佳特性列表
ES6排名前十位的最佳特性列表:1.默认参数2.模板文本3.多行字符串4.解构赋值5.增强的对象文本6.箭头函数7.Promise8.块作用域构造Let和Const9.Class类10.Modules模块...原创 2019-02-20 13:01:06 · 325 阅读 · 0 评论 -
Promise和async/await
这篇先讲Promise和async/await使用,下一篇讲在事件循环中Promise和async/await执行顺序1.先看一段代码先看一段代码,对Promise和async/await使用有个初步了解//首先使用Promise模拟一个发起请求的函数,该函数执行后,会在1s之后返回数值30function fn(){ return new Promise(function(resolv...原创 2019-08-19 21:35:59 · 223 阅读 · 0 评论 -
promise、async/await在任务队列中的执行顺序
我们这篇主要讲浏览器和Nodejs环境下任务队列的执行顺序,尤其关注promise和async/await在任务队列中的执行顺序。1.setTimeout、setImmediate、nextTick、Promise.next情况下我们先记住几条结论:1.有process和setImmediate就考虑是在nodejs环境下2.微任务中nextTick队列在Promise.next前3.宏...原创 2019-08-20 14:46:41 · 2356 阅读 · 1 评论 -
ES6中class继承原理
参考文章:https://wulv.site/2017-05-29/%E4%BB%8EES6%E4%B8%AD%E7%9A%84extends%E8%AE%B2js%E5%8E%9F%E5%9E%8B%E9%93%BE%E4%B8%8E%E7%BB%A7%E6%89%BF.htmlhttps://blog.youkuaiyun.com/m0_37722811/article/details/8434322...原创 2019-09-05 20:08:31 · 742 阅读 · 0 评论 -
ES6系列学习(5)
1.Promise简介回调中使用回调函数,保证执行顺序:2.构建一个Promise3.Promise实例应用4.处理多个Promise5.Symbol6.ESlint原创 2019-04-28 11:41:10 · 187 阅读 · 0 评论 -
ES6系列学习(4)
1.剩余参数2.扩展运算符3.对象字面量原创 2019-04-27 14:16:15 · 248 阅读 · 0 评论 -
ES6项目实战-解析彩票项目-ES6基础语法(3)
1.类与对象基本语法、类的继承、静态方法、静态属性、getter、setterclass Parent{ //构造函数 constructor(name='mukewang'){ this.name = name; }}//生成实例let v_parent = new Parent('v');console.log(v_parent); // Parent{name:"...原创 2018-12-26 15:10:25 · 287 阅读 · 0 评论 -
ES6学习笔记-Iterator
参考文章:https://www.cnblogs.com/zczhangcui/p/6502836.html1、遍历器(Iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口,就可以完成遍历操作(即依次处理该数据结构的所有成员)。2、Iterator的作用有三个:一是为各种数据结构,提供一个统一的、简便的访问接口;二是使得数据结构的成员能...原创 2018-12-28 23:50:04 · 210 阅读 · 0 评论 -
ES6项目实战-解析彩票项目-项目构建
慕课网视频教程1.前言解构赋值、箭头函数、Set和Map、异步操作、类和对象、模块化基本技能:1.构建工具:gulp、babel、webpack、npm2.基础语法3.实战演练在我们的生产实际中,后端的接口往往是较晚才会出来,并且还要写接口文档,于是我们的前端的许多开发都要等到接口给我们才能进行,这样对于我们前端来说显得十分的被动,于是有没有可以制造假数据来模拟后端接口呢,答案是肯定...原创 2018-12-15 12:54:43 · 992 阅读 · 0 评论 -
ES6项目实战-解析彩票项目-ES6基础语法(1)
ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现(另外的 ECMAScript 方言还有 Jscript 和 ActionScript)。ES6 与 ECMAScript 2015 的关系 :ES6 既是一个历史名词,也是一个泛指,含义是 5.1 版以后的 JavaScript 的下一代标准,涵盖了 ES2015、ES2016、ES2017 等等...原创 2018-12-24 23:57:36 · 718 阅读 · 0 评论 -
ES6项目实战-解析彩票项目-ES6基础语法(2)
1.函数扩展2.对象扩展3.Symbol用法4.set-map数据结构5.map-set与数组和对象的比较6.Proxy和Reflect原创 2018-12-25 23:59:21 · 347 阅读 · 0 评论 -
石川ES6视频学习笔记
视频来源:石川blue讲解参考笔记:1.ES6怎么来的ECMAScript 和 JavaScript:1.ECMA 是标准,JS 是实现2.ECMAScript 简称 ECMA 或 ES历史版本:1996, ES1.0 Netscape 将 JS 提交给 ECMA 组织,ES 正式出现1999, ES3.0 被广泛支持2011, ES5.1 成为 ISO 国际标准2015, E...原创 2019-02-10 21:23:19 · 1441 阅读 · 0 评论 -
ES6系列学习(1)
来源:https://www.bilibili.com/video/av47304735/?p=1https://www.youtube.com/watch?v=5s35h_6v4ZI&list=PLCRqr1mERvdJ0IZMD1U4oSB7k0gyAjyIx1.var let constconst只是保证引用地址不变,所以变量里面内容可变。const person = {...原创 2019-04-25 23:05:28 · 317 阅读 · 0 评论 -
ES6系列学习(2)
1.Arrow Function箭头函数箭头函数好处:1.简明的语法2.可以隐式返回(删掉return,就是简写形式)3.不绑定thisconst numbers = [5,6,13,0,18,23];const double = numbers.map( (number) => number*2 )2.箭头函数this理解const Jelly = { name:'J...原创 2019-04-26 13:58:17 · 249 阅读 · 0 评论 -
ES6系列学习(3)for of、for in、foreach、Object.keys、Object.values、Object.getOwnProperty、hasOwnProperty和in
1.新增的字符串函数startsWith()、endsWith()、includes()、repeat()2.对象解构3.数组解构const numbers = ['one','two','three','four','five'];const [one,...others] = numbers;others = ['two','three','four','five'];...原创 2019-04-26 21:50:43 · 2076 阅读 · 0 评论 -
ES6初步了解
ES6可以参考资料:http://es6.ruanyifeng.com/https://segmentfault.com/a/1190000004365693?utm_source=tag-newest#articleHeader7https://www.jianshu.com/p/287e0bb867ae前端技术教程及文档:https://github.com/cucygh/fe-mat...原创 2018-12-13 21:29:45 · 222 阅读 · 0 评论