【用es6实现一个promsie】的更多相关文章

用es6实现一个promsie

Promise 使用方法:https://www.runoob.com/w3cnote/javascript-promise-object.html 直接上代码,相关的解释都在代码的注释里面,这里以minPromise 代替 Promise: <!DOCTYPE html> <html> <head> <title></title> </head> <body> <script type="text/jav…

用es6写一个分数库

es6发布后nodejs开始更新.最近写一些库发现新特性还是很好用的,于是回来写一个分数库练手. 对于es6本身 ... => 以及 array.includes 很简洁.class依然不是很顺手. 由于目前浏览器的支持程度,用babel转换后发布并压缩是唯一选择,那些测试中的工具无法完成任务. 用法: var babel = require("babel"); var UglifyJS = require("uglify-js"); var fs=requi…

new.target元属性 | 分别用es5、es6 判断一个函数是否使用new操作符

函数内部有两个方法 [[call]] 和 [[construct]] (箭头函数没有这个方法),当使用new 操作符时, 函数内部调用 [[construct]], 创建一个新实例,this指向这个实例: 不使用new 操作符时, 函数内部调用 [[call]]. 判断一个函数是否使用new操作符,ES5的方法: function Person(name) { if (this instanceof Person) { this.name = name; } else { throw new E…

es6声明一个类

js语言的传统方式是通过定义构造函数,生成心得对象.是一种基于原型的面向对象系统.在es6中增加了class类的概念,可以使用class关键字来声明一个类.之后用这个类来实例化对象. 构造函数示例 const Demo = function(a,b){ this.a = a; this.b = b; return this; } Demo.prototype = { constructor: Demo, print: function(){ console.log(this.a+this.b);…

用ES6创建一个简单工厂模式

1 什么是工厂模式? 工厂模式是用来创建对象的一种最常用的设计模式.我们不暴露创建对象的具体逻辑,而是将将逻辑封装在一个函数中,那么这个函数就可以被视为一个工厂.工厂模式根据抽象程度的不同可以分为:简单工厂,工厂方法和抽象工厂. 如果只接触过JavaScript这门语言的的人可能会对抽象这个词的概念有点模糊,因为JavaScript一直将abstract作为保留字而没有去实现它.如果不能很好的理解抽象的概念,那么就很难理解工厂模式中的三种方法的异同.所以,我们先以一个场景去简单的讲述一下抽象和工…

不用循环，、es6创建一个长度为100的数组

问题描述:在不使用循环的条件下,如何创建一个长度为100的数组,并且数组的每一个元素是该元素的下标? 结果为: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50,…

es6 封装一个登录注册的验证滑块

1,需求分析 滑块从左滑到右,开始滑.结束滑两种状态.两种状态显示的内容和样式的不同. 这是淘宝注册验证滑块的示例图 2,代码分析 const render = Symbol('render') const event = Symbol('event') class Slider { constructor (options) { this.options = options if (!options.container) { throw new Error('slider需要一个提供一个容器配…

es6 封装一个基础的表单验证

1, 需求分析 设计一个通用的表单验证,如果后期表单中添加了更多的需求,不需要更改之前的代码逻辑,最好不要改之前的代码,需要加什么直接加就好了. 2,代码分析 此表单验证最好返回一个函数,在api设计这块我选择在每个表单项上添加valid属性,在验证中通过查看是否有valid属性.valid属性的内容来获取需要验证的表单,并且返回验证的结果. 该分析的也分析了,那就开始干吧!!! 由于重点是表单验证方面,html和css我就能简则简 <form id="login-form"&g…

ES6 自定义一个实现了Iterator接口的对象

参考资料 var obj = { data: [1,2,3,4,5], // 这里实际上就是去定义如何实现Iterator接口 [Symbol.iterator](){ const that = this; let index = 0; return { next(){ if (index < that.data.length){ return { done: false, value: that.data[index++], } } else { return { done: true, va…

深入浅出ES6教程『async函数』

大家好,本人名叫苏日俪格,大家叫我 (格格) 就好,在上一章节中我们学到了Symbol & generator的用法,下面我们一起来继续学习async函数: async [ə'zɪŋk]:这个单词看起来很怪异,它的原型是asynchrony,意为异步,一般单词按理说都能把音准读个大概,这个就... 与其同时呢,也有的人看了这个词想到了放在script标签里的异步脚本,但是此async非彼async,这个async是ES2017出来的,也是用来处理异步的,和ES6中的promise类似,nodeJ…