JS练习——函数

た入场券 2023-07-01 03:24 90阅读 0赞

1.  函数传参

> **题目描述**  
> 将数组 arr 中的元素作为调用函数 fn 的参数。  
> **输入**  
> function (greeting, name, punctuation) \{return greeting + ', ’ + name + (punctuation || ‘!’);\}, \[‘Hello’, ‘Ellie’, ‘!’\]  
> **输出**  
> Hello, Ellie!

function argsAsArray(fn, arr) { 
        return fn.apply(this,arr);
    }

1.  函数的上下文

> **题目描述**  
> 将函数 fn 的执行上下文改为 obj 对象。  
> **输入**  
> function () \{return this.greeting + ', ’ + this.name + ‘!!!’;\}, \{greeting: ‘Hello’, name: ‘Rebecca’\}  
> **输出**  
> Hello, Rebecca!!!

function speak(fn, obj) { 
        return fn.call(obj);
    }

1.  返回函数

> **题目描述**  
> 实现函数 functionFunction，调用之后满足如下条件：  
> 1、返回值为一个函数 f  
> 2、调用返回的函数 f，返回值为按照调用顺序的参数拼接，拼接字符为英文逗号加一个空格，即 ', ’  
> 3、所有函数的参数数量为 1，且均为 String 类型  
> **输入**  
> functionFunction(‘Hello’)(‘world’)  
> **输出**  
> Hello, world

function functionFunction(str) { 
        var f = function(s){ 
            return str +", "+s;
        }
        return f;
    }

1.  使用闭包

> **题目描述**  
> 实现函数 makeClosures，调用之后满足如下条件：  
> 1、返回一个函数数组 result，长度与 arr 相同  
> 2、运行 result 中第 i 个函数，即 resulti，结果与 fn(arr\[i\]) 相同  
> **输入**  
> \[1, 2, 3\], function (x) \{  
> return x \* x;  
> \}  
> **输出**  
> 4

1.  二次封装函数

> **题目描述**  
> 已知函数 fn 执行需要 3 个参数。请实现函数 partial，调用之后满足如下条件：  
> 1、返回一个函数 result，该函数接受一个参数  
> 2、执行 result(str3) ，返回的结果与 fn(str1, str2, str3) 一致  
> **输入**  
> var sayIt = function(greeting, name, punctuation) \{ return greeting + ‘, ’ + name + (punctuation || ‘!’); \}; partial(sayIt, ‘Hello’, ‘Ellie’)(’!!!’);  
> **输出**  
> Hello, Ellie!!!

function partial(fn, str1, str2) { 
        var result = function(str3){ 
            return fn.call(this,str1,str2,str3);
        }
        return result;
    }

1.  使用arguments

> **题目描述**  
> 函数 useArguments 可以接收 1 个及以上的参数。请实现函数 useArguments，返回所有调用参数相加后的结果。本题的测试参数全部为 Number 类型，不需考虑参数转换。  
> **输入**  
> 1, 2, 3, 4  
> **输出**  
> 10

function useArguments() { 
        var result = 0;
        for(var i=0;i<arguments.length;i++){ 
            result += arguments[i];
        }
        return result;
    }

1.  使用apply调用函数

> **题目描述**  
> 实现函数 callIt，调用之后满足如下条件  
> 1、返回的结果为调用 fn 之后的结果  
> 2、fn 的调用参数为 callIt 的第一个参数之后的全部参数  
> **输入**  
> 无  
> **输出**  
> 无

function callIt(fn) { 
        var args = Array.prototype.slice.call(arguments,1);
        var result = fn.apply(this,args);
        return result;
    }

1.  二次封装函数

> **题目描述**  
> 实现函数 partialUsingArguments，调用之后满足如下条件：  
> 1、返回一个函数 result  
> 2、调用 result 之后，返回的结果与调用函数 fn 的结果一致  
> 3、fn 的调用参数为 partialUsingArguments 的第一个参数之后的全部参数以及 result 的调用参数  
> **输入**  
> 无  
> **输出**  
> 无

function partialUsingArguments(fn) { 
        var args = Array.prototype.slice.call(arguments,1);
        var result = function(){ 
            return fn.apply(this,args.concat([].slice.call(arguments)));
        }
        return result;
    }

1.  柯里化

> **题目描述**  
> 已知 fn 为一个预定义函数，实现函数 curryIt，调用之后满足如下条件：  
> 1、返回一个函数 a，a 的 length 属性值为 1（即显式声明 a 接收一个参数）  
> 2、调用 a 之后，返回一个函数 b, b 的 length 属性值为 1  
> 3、调用 b 之后，返回一个函数 c, c 的 length 属性值为 1  
> 4、调用 c 之后，返回的结果与调用 fn 的返回值一致  
> 5、fn 的参数依次为函数 a, b, c 的调用参数  
> **输入**  
> var fn = function (a, b, c) \{return a + b + c\}; curryIt(fn)(1)(2)(3);  
> **输出**  
> 6