二次封装函数

小鱼儿 2022-06-04 05:56 261阅读 0赞

## 题目描述 ##

已知函数 fn 执行需要 3 个参数。请实现函数 partial，调用之后满足如下条件：  
1、返回一个函数 result，该函数接受一个参数  
2、执行 result(str3) ，返回的结果与 fn(str1, str2, str3) 一致

示例1

## 输入 ##

var sayIt = function(greeting, name, punctuation) {     
          return greeting + ', ' + name + (punctuation || '!');
    };
    partial(sayIt, 'Hello', 'Ellie')('!!!');

## 输出 ##

Hello, Ellie!!!

`// call和apply必须显式地调用str3，立即执行`

`// bind不是立即执行，未传入str3时，并未执行，只是返回一个函数，等待参数传入`

`// this用于上下文不确定的情况`

`// call`

`function` `partial(fn, str1, str2) {`

`    ` `function` `result(str3) {`

`        ` `return` `fn.call(` `this` `, str1, str2, str3);`

`    ` `}`

`     ` `return` `result;`

`}`

`// apply（这里只是为了对照）`

`function` `partial(fn, str1, str2) {`

`    ` `function` `result(str3) {`

`        ` `return` `fn.apply(` `this` `, [str1, str2, str3]);`

`    ` `}`

`    ` `return` `result;`

`}`

`// 这个bind会生成一个新函数（对象）, 它的str1, str2参数都定死了, str3未传入, 一旦传入就会执行`

`function` `partial(fn, str1, str2) {`

`    ` `return` `fn.bind(` `this` `, str1, str2);` `// 或 return fn.bind(null, str1, str2);`

`}`

`// bind同上, 多了一步, 把str3传入的过程写在另一个函数里面,`

`// 而另一个函数也有str1, str2参数`

`// 此法有种多次一举的感觉，但是表示出了后续的调用。`

`function` `partial(fn, str1, str2) {`

`    ` `function` `result(str3) {`

`        ` `return` `fn.bind(` `this` `, str1, str2)(str3);`

`    ` `}`

`    ` `return` `result;`

`}`

`// 匿名函数，默认this绑定global，与bind的第一个参数为this时效果一样。`

`function` `partial(fn, str1, str2) {`

`    ` `return` `function` `(str3) {`

`        ` `return` `fn(str1, str2, str3);`

`    ` `}`

`}`

发表评论取消回复

表情：

评论列表（有 0 条评论，261人围观）

还没有评论，来说两句吧...

相关阅读

相关 axios进行二次封装

> Web开发中，我们最常用的HTTP库就是[Axios][]了，它的底层基于Ajax进行封装，在浏览器端和服务端都可以使用。如果大家对一些API不是很熟悉可以参考[官方地址

青旅半醒/ 2024年04月03日 09:26/ 0 赞/ 69 阅读

相关 axios的二次封装

目录一、axios是什么？二、axios有哪些特性三、在Vue中如何封装axios 四、为什么要进行封装 -------------------- 一、ax

淡淡的烟草味﹌/ 2023年10月09日 19:38/ 0 赞/ 12 阅读

相关 Element表格二次封装

基础表格（修改表头及移除默认hover事件） <template> <el-table class="table-wrapper" :data="

比眉伴天荒/ 2023年07月17日 02:50/ 0 赞/ 2 阅读

相关 axios二次封装

import axios from 'axios' export function api (config){ const instance =

阳光穿透心脏的1/2处/ 2022年12月04日 09:13/ 0 赞/ 211 阅读

相关 Axios 二次封装

Axios 二次封装 > 目的：把当前项目中，所有请求的公共部分进行统一处理 `axios.defaults` 设置公共的配置项 `axios.interc

╰半橙微兮°/ 2022年11月08日 05:58/ 0 赞/ 199 阅读

相关 AFN二次封装

前言对于开发人员来说，学习网络层知识是必备的，任何一款`App`的开发，都需要到网络请求接口。很多朋友都还在使用原生的`NSURLConnection`一行一行地写，代

矫情吗；*/ 2022年08月20日 12:06/ 0 赞/ 244 阅读

相关二次封装函数

题目描述已知函数 fn 执行需要 3 个参数。请实现函数 partial，调用之后满足如下条件： 1、返回一个函数 result，该函数接受一个参数 2、执行

小鱼儿/ 2022年06月04日 05:56/ 0 赞/ 262 阅读

相关 redis接口的二次封装

> 先看一下官方的调用示例代码： local redis = require "resty.redis" local red = redis:new()

旧城等待，/ 2022年05月25日 08:59/ 0 赞/ 215 阅读

相关 iView表格二次封装

在使用iview的过程中，很多时候需要处理大部分的表格，且操作是一样的时候，那么就可以抽出来，做成共公的一部分。方便偷懒~ 如图: 为了实现表格自带操作栏，且可以自定义覆盖，

怼烎@/ 2022年01月12日 02:19/ 0 赞/ 523 阅读

相关 Vue之封装二次axios

第一步，首先安装axios，这里推荐局部安装 npm i -D axios 第二步，在src目录下创建request文件夹，然后在里面创建两个文件http.j

梦里梦外;/ 2021年08月13日 22:41/ 0 赞/ 515 阅读