【JavaScript】从实现函数柯里化复习 JavaScript 核心知识

// 柯里化定义：一个函数可以接受多个参数，反复被调用 // fn(1,2,3,4,5)(6,7)(8,9,10) 该技术被命名为函数柯里化 // 例子：求和功能，得到 55 的结果 // 不固定参数个数的函数 √ // 第一次执行返回函数 √ // 后续执行仍然返回函数 √ // 能缓存参数 √ // 内部函数 闭包 二次缓存函数 √ // 闭包的应用场景：避免全局变量的命名冲突 function currying() { // arguments：获取参数；伪数组：其具备数组的属性，不包含函数 const args = Array.prototype.slice.call(arguments) // const args = [].__proto__.slice.call(arguments) // 也可以使用 [].__proto__ 对象原型通过原型链查找 slice 方法 // Array.prototype.slice 是一原型上的方法 // call 改变函数调用内部 this 指向（call：多个参数；apply：数组；bind：多个参数，返回新函数） // 数组方法依赖于内部是 this 数据容器来执行 // console.log(args); // 真实数组 // 一个函数访问外部的变量 就形成闭包 (ps：函数嵌套函数是高阶函数，不是闭包) const inner = function () { // console.log(args); args.push(...arguments) return inner } // 如何获取结果值？ // 1.单独写方法获取结果值（只能获取值） inner.getValue = function () { return args.reduce((res, ele) => { return res + ele }, 0) } // 额外需求：可以允许将返回值，进行二次计算 // 2.早期浏览器可以使用 toString 直接返回值；不规范，现在被禁止了 // inner.toString = inner.getValue = function(){ // return args.reduce((res,ele)=>{ // return res + ele // }, 0) // } // 3.修改 inner 计算原始数据类型的方式 // 在 Symbol.toPrimitive 属性 (用作函数值) 的帮助下，一个对象可被转换为原始值。 // 该函数被调用时，会被传递一个字符串参数 hint ，表示要转换到的原始值的预期类型。 // hint 参数的取值是 "number"、"string" 和 "default" 中的任意一个。 inner.__proto__[Symbol.toPrimitive] = function(hint){ if(hint == 'number'){ return inner.getValue() // 预期为计算时直接返回值 } if(hint == 'string'){ return inner.toString() } return true } return inner } const res = currying(1, 2, 3, 4, 5)(6, 7)(8, 9, 10) // 方法获取 // const resNum = res.getValue() // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] // console.log(resNum) // 55 // 可以允许将返回值，进行二次计算 console.log(res - 1 ) // 54