es6 --- Thunkify源码分析

首先看一个例子:读取package.json下的文件,并将读取的数据(若读取失败)打印出来

// 导入fs和thunkify模块
var thunkify = require('thunkify');
var fs = require('fs');// 定义读取文件的函数read
var read = thunkify(fs.readFile);// 调用read函数读取package.json下的文件.并对数据进行处理
read('pacage.json')(function(err, str) {console.log(err);console.log(str);
}

以上是以同步方式书写的,异步读取文件并,对文件信息进行处理的操作…

下面是thinkify的源码,阅读一下就好…

function thunkify(fn) {return function() {// 传入的参数,放在数组args中var args = new Array(arguments.length);// 保存环境.放在ctx中var ctx = this;for (var i = 0; i < args.length; ++i) {args[i] = arguments[i];}return function (done) {var called;args.push(function () {if (called) return;called = true;done.apply(null, arguments);});try {fn.apply(ctx, args);} catch (err) {done(err);}}}
};

看个实例:

function f(a, b, callback) {var sum = a + b;callback(sum);callback(sum);
}var ft = thunkify(f);
var print = console.log.bind(console);
ft(1, 2)(print);

函数本质上是对数据的处理,因此分析函数的一个比较好的方法是把参数都打出来,然后找到其中的联系…
下面将几个关键的数据打印到控制台,
在这里插入图片描述

// 可以很清楚看见fn就是自己定义的f,对应的语句就是var ft = thunkify(f). 和 function thunkify(fn)// args来自ft(1, 2)(print) 而 print 来自 var print = console.log.bind(console);对应的再fhunkify中,是 (第一个)return 语句 args = new Array(arguments.length),  for(var i = 0; i < args.length; ++i){args[i] = aguments[i];}// 在第2层return 里面接收参数给done,然后定义了一个called函数(确保回调函数只调用一次),具体实现在args.push里面,若已经调用过,会return ,对应if(called) return;经过args.push后,可以看见args2变为3个., 即多了一个函数就是callback函数,对应实例也就是print = console.log.bind(console).// 最后是一个try...catch块.尝试使用f(a,b,callback).. 参数都在args里面// 这样写的好处是:异步实现,方便阅读.. 前面ft(1,2)可以是一个异步操作,如读取文件,或ajax请求网页数据,后面是一个回调函数(cb),这样就是一个同步的写法..

参考《ES6标准入门》(第3版)P364~P365

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/251367.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

(转)C# WebApi 身份认证解决方案:Basic基础认证

原文地址&#xff1a;http://www.cnblogs.com/landeanfen/p/5287064.html 阅读目录 一、为什么需要身份认证二、Basic基础认证的原理解析 1、常见的认证方式2、Basic基础认证原理三、Basic基础认证的代码示例 1、登录过程2、/Home/Index主界面3、WebApiCORS验证部分&#xff08…

commit之后,想撤销commit

git reset --soft HEAD^转载于:https://www.cnblogs.com/gjack/p/9271556.html

ZNZD平台vue项目

一、安装配置node.js 1.1 配置企业级软件仓库 1&#xff09;首先用的是Nexus Repository Manager搭建npm私服&#xff1b;&#xff08;待补充&#xff09; 2&#xff09;项目使用修改.npmrc文件来修改源 现在需要做的就是修改源&#xff01;采取配置npmrc文件的方式&#x…

微信小程序模仿开眼视频app(二)——搜索功能

微信小程序模仿开眼视频app&#xff08;一&#xff09;有介绍首页、视频详情和分类部分 可到我的github账号上去copy文件 搜索部分 一开始没想要设置历史记录啊、热门搜索啊这些的&#xff0c;只是想把搜索框弄好看一点&#xff0c;无意中发现了微信官方ui库&#xff1a;weu…

es6 --- Thunk函数的作用

首先了解一下javascript里面的Thunk函数的含义:将多参数函数,替换成一个只接受回调函数作为参数的单参数函数 // 一个具体的例子// 正常版本的readFile(多参数函数) fs.readFile(filename, callback);// Thunk版本的readFile(单参数版本) var Thunk function (fileName) {ret…

设计模式(六)------设计模式六大原则(5):迪米特法则

转载自&#xff1a;http://www.jianshu.com/p/14589fb6978e &#xff08;作者简书&#xff1a;涅槃1992&#xff09; 揭秘迪米特法则 迪米特法则&#xff08;Law of demeter,缩写是LOD&#xff09;要求&#xff1a;一个对象应该对其他对象保持最少了解&#xff0c; 通缩的讲就是…

http://www.cda.cn/view/25735.html

通过实例浅析Python对比C语言的编程思想差异 我一直使用 Python&#xff0c;用它处理各种数据科学项目。 Python 以易用闻名。有编码经验者学习数天就能上手&#xff08;或有效使用它&#xff09;。 听起来很不错&#xff0c;不过&#xff0c;如果你既用 Python&#xff0c;同时…

前端知识点梳理(一)

一、HTML 1. meta标签 记住2个属性&#xff1a;name和http-equiv name&#xff1a;描述网页 <meta name"参数" content"具体的描述">http-equiv&#xff1a;文件头 HTML中的meta标签及其使用方法 二、CSS 1. css实现水平居中的几种方式 css实…

Babel 7 基础入门学习(详细版)

可以在我的GitHub上下载示例代码。 前言 之前一直想要系统的学习一下Babel的使用规则&#xff0c;看过阮一峰老师的《Babel基础入门》&#xff0c;无奈此教程是2016年出的&#xff0c;而Babel 7都已经出来啦&#xff0c;于是&#xff0c;在搜集了各种资料后&#xff0c;关于…

JS的DOM操作

1.DOM节点 &#xff08;1&#xff09;node.offsetParent最近的有定位属性的祖先节点 如果祖先节点都没有定位&#xff0c;那么默认为body &#xff08;2&#xff09;node.offsetLeft/node.offsetTop 距离最近的有定位属性的祖先节点的距离 node.offsetLeft左外边框到定位父级的…

Kubernetes学习之路(四)之Node节点二进制部署

K8S Node节点部署 1、部署kubelet &#xff08;1&#xff09;二进制包准备 [rootlinux-node1 ~]# cd /usr/local/src/kubernetes/server/bin/ [rootlinux-node1 bin]# cp kubelet kube-proxy /opt/kubernetes/bin/ [rootlinux-node1 bin]# scp kubelet kube-proxy 192.168.56.1…

前端知识点梳理(二)

1.内核 浏览器内核&#xff08;Rendering Engine&#xff09;最初分为&#xff1a;渲染引擎&#xff08;layout engineer&#xff09;或&#xff08;Rendering Engine&#xff09;和js引擎&#xff1b;后来 JS 引擎越来越独立&#xff0c;内核就倾向于单指渲染引擎。浏览器she…

微信小程序模仿开眼视频app(三)——信息卡片瀑布流和分类

《微信小程序模仿开眼视频app&#xff08;一&#xff09;——视频首页、视频详情、分类》 《微信小程序模仿开眼视频app&#xff08;二&#xff09;——搜索功能》 可到我的github账号上去copy文件 瀑布流部分 文件代码提示的挺详细的&#xff0c;这里主要点一下 社区与分类…

PHP后台代码解决跨域问题

在前端里面&#xff0c;解决跨域的时候总显得那么的恶心&#xff0c;什么jsonp啊&#xff0c;ajax啊&#xff0c;CORS啊什么的&#xff0c;总觉得是在钻空子进行跨域&#xff0c;其实在PHP文件里面只需要加一段代码就可以跨域了&#xff0c;前端你该怎么写还是怎么写&#xff0…

javascript --- typeof方法和instanceof方法

ES5中: 原始类型包括:Number、String、Boolean、Null、Undefined 原始封装类型包括:Number、String、Boolean 引用类型包括:Array、Function、RegExp、Error、Date、Error 变量对象 原始类型的实例成为原始值,它直接保存在变量对象中. 引用类型的实例成为引用值,它作为一个指针…

python 基本数据类型常用方法总结

【引言】 python中基本数据类型的有很多常用方法&#xff0c;熟悉这些方法有助于不仅提升了编码效率&#xff0c;而且能写出高质量代码&#xff0c;本文做总结 int .bit_length:返回二进制长度 str 切片索引超出不会报错 切片上下限写反不报错&#xff0c;没有结果 切片倒取&am…

网易试题——关于箭头函数与this和arguments的关系

昨天做试题的时候遇到了这个题目 var a 1;function fn1() {console.log(this.a)}const fn2 () > {console.log(this.a)}const obj {a: 10,fn1: fn1,fn2: fn2}fn1()fn2()obj.fn1()obj.fn2() 哦这该死的网易&#xff0c;怎么出这么简单的题目&#xff0c;答案是&#xff1…

《JavaScript 高级程序设计》笔记 第1~5章

第1章 js是专为网页交互而设计的脚本语言&#xff0c;由3部分组成&#xff1a; ECMAScript&#xff0c;提供核心语言功能DOM文档对象模型&#xff0c;提供访问和操作网页内容的方法和接口BOM浏览器对象模型&#xff0c;提供与浏览器交互的方法和接口 js是一种脚本语言、解释…

【笔记】跨域重定向中使用Ajax(XHR请求)导致跨域失败

背景&#xff1a; 1、前端Web中有两个域名&#xff0c;a.com和b.com&#xff0c;其中a.com是访问主站&#xff08;页面&#xff09;&#xff0c;b.com是数据提交接口的服务器&#xff08;XHR请求&#xff09; 2、a.com中用XHR调用b.com/cerate【没有指定协议】&#xff0c;保存…

javascript --- js中prototype、__proto__、[[Propto]]、constructor的关系

首先看下面一行代码: function Person(name){this.name name; } var person1 new Person; console.log(person1.__proto__ Person.prototype); console.log(person1.constructor Person);控制台打印如下: 可以看见,当使用构造函数(Person)构造一个实例(person1)时, 在后…