回调是不需要return 就可以传递数据.缺点就是嵌套多了就成了回调地狱 回调的另外一个问题拿不准应该怎么去传这个参数.以为node.js为例.nodejs有个readFile去读取文件,读取成功就用一个回调,读取失败再来一个回调.每个回调里面,可能还有回调. 这就是第二个问题,不知道应该去传这个回调. nodejs下面,通过error参数为空 表示成功,否则为失败.这是nodejs的方式. 例如前端的jquery调用ajax nodejs这样使用回调,只用传这样一个函数,这个函数的第一个参数是…

ES6 规定,Promise对象是一个构造函数,用来生成Promise实例. 下面代码创造了一个Promise实例. const promise = new Promise(function(resolve, reject) { // ... some code if (/* 异步操作成功 */){ resolve(value); } else { reject(error); } }); Promise构造函数接受一个函数作为参数,该函数的两个参数分别是resolve和reject.它们是两个…

要了解一个东西,首先要从,它是什么.用来做什么以及怎么取用它这三个方面来了解. 首先,promise是什么? 我们来参考一下MDN对它的定义: Promise 对象用于一个异步操作的最终完成(或失败)及其结果值的表示.(简单点说就是处理异步请求.我们经常会做些承诺,如果我赢了你就嫁给我,如果输了我就嫁给你之类的诺言.这就是promise的中文含义:诺言,一个成功,一个失败.) 可以看到,promise是一个对象,用来处理异步操作,那么我们又要了解一下什么是同步异步,以下是我对同步异步的理解: 异…

ES6 提供的 Promise 方法和 ES7 提供的 Async/Await 语法糖都可以更好解决多层回调问题, 详细用法可参考:https://www.cnblogs.com/cckui/p/9915604.html,下面进一步介绍 promise 和 async/await 用法的异同. 首先定义以下三个异步函数: function sleep3000() { return new Promise(function (resolve, reject) { setTimeout(functi…

JavaScript 是单线程的,这意味着任何两句代码都不能同时运行,它们得一个接一个来.在浏览器中,JavaScript 和其他任务共享一个线程,不同的浏览器略有差异,但大体上这些和 JavaScript 共享线程的任务包括重绘.更新样式.用户交互等,所有这些任务操作都会阻塞其他任务. 一.事件的不足 对于那些执行时间很长,并且长时间占用线程的代码,我们通常使用异步来执行,但是又如何判断其是否执行完毕或者失败呢?我们通常使用事件监听,但事件监听只能监听绑定之后发生的事件,但有可能你写绑定事件代…

主要作用 1.用来传递异步操作的消息 2.三种状态:pending.Resolved.Rejected,而且只能从第一种状态转到后两者状态之一. 3.缺点 (1)一旦新建就会立即执行 (2)如果不设置回调函数,Promise内部抛出的错误不会反应到外部 (3)如果处于Pending状态,不知道目前到底进行到哪一个阶段. 4.基本用法 var promise = new Promise(function(resolve,reject){ //... if(/*异步操作成功*/){ resolve(…

传统的异步解决方案采用回调函数和事件监听的方式,而这里主要记录两种异步编程的新方案: ES6的新语法Promise ES2017引入的async函数 Generator函数(略) Promise的含义 是异步变成的一种解决方案,属于ES6的语法. 简单的说,promise就是一个容器,里面包含着一个未来才会结束的事件(通常是一个异步操作)的结果. 比起传统的异步解决方案(回调函数和事件),promise更合理更强大,把异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数. Promise的…

一:Promise对象 Promise对象代表一个异步操作,有三种状态:Pending(进行中).Resolved(已完成,又称 Fulfilled)和Rejected(已失败). 二:创建与使用 var promise = new Promise(function(resolve, reject) { // ... some code if (/* 异步操作成功 */){ resolve(value); } else { reject(error); } }); Promise构造函数接受一个…

H:\BaiDu\ES6深入浅出-wjw ES 6 新特性一览:https://frankfang.github.io/es-6-tutorials/ 我用了两个月的时间才理解 let https://zhuanlan.zhihu.com/p/28140450 1 新版变量声明:let 和 const 3 ES6深入浅出-1 新版变量声明:let 和 const-1.视频 概述 ES6深入浅出-1 新版变量声明:let 和 const-2.视频 let和const ES6深入浅出-1 新版变量声…

Promise 是异步编程的一种解决方案,比传统的解决方案--回调函数和事件--更合理和更强大.它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象. 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果.从语法上说,Promise 是一个对象,从它可以获取异步操作的消息.Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理. Promise对象有以下两个特点. (1)对象的状态不受外界…

异步编程是前端开发者必需的技能,过去管理异步的主要机制都是通过函数回调,然而会出现像“回调地狱”这样的问题.为了更好的管理回调,ES6 增加了一个新的特性 Promise.Promise 是 ES7 中async/await 语法的基础,是 JavaScript 中处理异步的标准形式,现实开发中基本离不开 Promise 了.我们接下来会根据 Promises/A+ 规范自己实现一个 Promise. 完整的代码可以点击我的 github 进行查看,如果你喜欢,欢迎 star,如果发现有问题或者…

首先是没有加入请求超时的情况: var http = require('http'); var url = require('url'); function get(addr) { return new Promise(function(resolve, reject) { var url_obj = url.parse(addr); var options = { hostname: url_obj.hostname, path: url_obj.path, method: 'GET' };…

Promise.allSettled & Promise.all & Promise.race & Promise.any All In One new Promise(), Promise.resolve(), Promise.reject(), Promise.prototype.catch() Promise.prototype.finally() Promise.prototype.then() Promise https://developer.mozilla.org/e…

前言 在最近的项目中,用到了es6的promise语法,发现promise.prototype.catch 并不只是单单reject抛出的回调函数,所以今天做一些笔录,防止以后在项目中又碰到这样的问题. 先介绍一下promise.prototype.catch Promise.prototype.catch 方法是 .then(null, rejection) 或是 .then(undefined, rejection)的别名,用于指定发生错误时的回调函数. 如果Promise 对象状态变为re…

await 拿到用户信息,函数前面加await await等待Promise成功或者失败. 如果Promise里面失败了 什么也拿不到.报了一个错误,叫做不认识. 如果想拿到正常错误,就绪try一下 catch catch就是只处理错误,等价于下面then第一个参数为null,只传递了第二个参数. finally不管成功还是失败,都会调用. all和race自行了解. 等三个promise都成功后再执行第四个回调 race是这两个Promise任何一个成功了  就调用回调函数. 结束…

1.Promise的含义 Promise是异步编程的一种解决方案,比传统的解决方案--回调函数和事件更合理和强大.ES6将其写进了语言标准,统一了用法,原生提供了promise对象. 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步的操作)的结果.从语法上说,Pormise是一个对象,从它可以获取异步操作的消息.Promise提供统一的API.各种异步操作都可以用同样的方法进行处理. Promise对象的两个特点: 1.对象的状态不受外界影响.Promis…

系列文章 -- ES6笔记系列 很久很久以前,在做Node.js聊天室,使用MongoDB数据服务的时候就遇到了多重回调嵌套导致代码混乱的问题. JS异步编程有利有弊,Promise的出现,改善了这一格局,让异步编程表现出类似“同步式代码”的形式,更好地体现了它的价值. 一.基本概念 1. Promises/A+规范 Promise是一种异步编程的解决方案,本质来说其实它是一种规范,Promises/A+规范 根据规范的定义,一个Promise对象应该至少有以下的基本特点 三个状态 Promis…

同步 vs 异步 先看下面的 demo,根据程序阅读起来表达的意思,应该是先打印100,1秒钟之后打印200,最后打印300.但是实际运行根本不是那么回事 console.log(100) setTimeout(function () { console.log(200) }, 1000) console.log(300) 再对比以下程序.先打印100,再弹出200(等待用户确认),最后打印300.这个运行效果就符合预期要求. console.log(100) alert(200) // 1秒钟…

Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator.Generator.Set.Maps.Proxy.Reflect.Symbol.Promise.Async等全局对象,以及一些定义在全局对象上的方法(比如Object.assign)都不会转码. 举例来说,ES6在Array对象上新增了Array.from方法.Babel就不会转码这个方法.如果想让这个方法运行,必须使用babel-polyfill,为当前环境提供一个垫片. 下面为具体配置…

一. Promise相关 1.说明 主要解决异步深层嵌套的问题,promise 提供了简洁的API 使得异步操作更加容易 . 2.入门使用 我们使用new来构建一个Promise Promise的构造函数接收一个参数,是函数,并且传入两个参数:resolve,reject,分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数. var p = new Promise(function(resolve, reject) { // 这里用于实现异步任务 setTimeout(funct…

promise // 先构造一个 promise 函数 // resolve 和 reject 都是一个函数 // resolve 在成功时调用 // reject 在失败时调用 function promise() { return new Promise((resolve, reject) => { let tar = Math.random(0, 1) if (tar > 0.5) { console.log('suceess') setTimeout(function() { reso…

知识点1:rosolve是执行下一步then() // Promise { let ajax=function(){ console.log('执行2'); return new Promise(function(resolve,reject){ setTimeout(function(){ resolve() },); }) } ajax().then(function(){ console.log('promise','timeout2'); }) } 知识点2:允许多个下一步(then()…

Generator: 是比promise更高级的解决方案 next   yield function 后加* 状态机 generator语法糖 长轮询  接口常查询 ============================================================ Promise 普通的ajax:…

前言 本文主要讲解promise的链式调用的方法及其最终方案 应用场景 假如开发有个需求是先要请求到第一个数据,然后根据第一个数据再去请求第二个数据,再根据第二个数据去请求第三个数据...一直到最后得到真正想要的数据,我最初的做法是 setTimeout(() => { //这里用定时器来代替发请求 //data假设为后台来的数据 let data1 = 1; console.log(data1); setTimeout(() => { let data2 = 2 + data1; conso…

昨天看了一篇vue的教程,作者用async/ await来发送异步请求,从服务端获取数据,代码很简洁,同时async/await 已经被标准化,是时候学习一下了. 先说一下async的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行. 写一个async 函数 async function timeout() { return 'hello world';}  语法很简单,就是在函数前面加上asyn…

ES6为Array增加了from函数用来将其他对象转换成数组. 当然,其他对象也是有要求,也不是所有的,可以将两种对象转换成数组. 1.部署了Iterator(迭代器)接口的对象,比如:Set,Map,Array. 2.类数组对象,什么叫类数组对象,就是一个对象必须有length属性,没有length,转出来的就是空数组. 具体用法 Array.from可以接受三个参数 我们看定义:Array.from(arrayLike [, mapFn [, thisArg]]) arrayLike:被转换…

昨天闲来无事,于是把之前写过的promise优化了一下,代码如下: /*写文件.追加写.读文件*/ var fs = require('fs'); function wrapper(fn,context) { var args = Array.prototype.slice.call(arguments,2); return new Promise((resolve,reject) => { args.push((err,data) => { err ? reject(err) : resol…

如果说想打印出来年龄,但是有没有年龄的这个key值 把创建年龄写在一个按钮上面 通过一个事件来做. 点击创建年龄的按钮,给obj.age设置为18,但是页面的双向绑定并没有显示出来. 因为不响应式,为什么vue不能发现了我改了age呢???因为vue是通过另外一个api.Object.defineProperty来做响应式 的 vue发现你有个name属性,于是就给这个name创建Property,会根据你get和set的时候去更新页面上的值.因为默认没有age属性,所以就不会去age进行get…

阮一峰http://es6.ruanyifeng.com/#docs/proxy MDN https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy 无限代理Tree http://www.infoq.com/cn/articles/es6-in-depth-proxies-and-reflect 深入浅出 ES6(十二):代理 Proxieshttps://www.infoq.cn…

阮一峰  http://es6.ruanyifeng.com/#docs/reflect MDN有一些简陋的介绍 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Reflect 不推荐直接学es6,学习要梯子型.今天要学的Proxy,可能会在自己的框架内用到.平时基本是用不到的 这个知识点是nodeJs的 MDN的文档更简单 还不如阮一峰的文章. 先过一边Reflect的API.说任…