JS名词录

柯里化与闭包

柯里化，英语：Currying，是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。

• 柯里化是将函数的返回值设置为函数，实现函数的记忆性

• 闭包就是实现柯里化的一种手段

• 建议先理解柯里化，后了解闭包

  // 普通的add函数
  function add(x, y) {
      return x + y
  }
  
  // Currying后
  function curryingAdd(x) {
      return function (y) {
          return x + y
      }
  }
  
  add(1, 2)           // 3
  curryingAdd(1)(2)   // 3
  

• 柯里化的函数大多数使用闭包来持久化函数内部变量

  // 实现一个add方法，使计算结果能够满足如下预期：
  add(1)(2)(3) = 6;
  add(1, 2, 3)(4) = 10;
  add(1)(2)(3)(4)(5) = 15;
  
  function add(...arg) {
      // 第一次执行时，定义一个数组专门用来存储所有的参数(arguments)
      // 使用扩展运算符(...)可以省略第一步
  
      // 在内部声明一个函数，利用闭包的特性保存_args并收集所有的参数值
      let _adder = (..._arg) => {
          arg.push(..._arg);
          return _adder;
      };
  
      // 利用toString隐式转换的特性，当最后执行时隐式转换，并计算最终的值返回
      _adder.toString = () => {
          return arg.reduce((a, b) => { return a + b; });
      }
      return _adder;
  }
  

扁平化

• 扁平化就是将N层嵌套的对象或者数组转化为一层
• 扁平化有两种，分别为 数组扁平化 和 对象扁平化
  • 数组扁平化实现方法
    • Array.prototpye.flat()
    • reduce + concat + isArray + recursivity

    // 使用 reduce、concat 和递归展开无限多层嵌套的数组
    var arr1 = [1,2,3,[1,2,3,4, [2,3,4]]];
    
    function flatDeep(arr, d = 1) {
       return d > 0 ? arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatDeep(val, d - 1) : val), [])
                    : arr.slice();
    };
    
    flatDeep(arr1, Infinity);
    // [1, 2, 3, 1, 2, 3, 4, 2, 3, 4]
    

  • 对象扁平化实现方法

对象初始化器

实际上就是一对花括号 {} 这玩意就是对象初始化器

对象包装器

Object()
这玩意就是对象包装器，实际上就是Object的构造函数。 首先要了解个东西，叫做 包装对象
包装对象就相当于大家所熟知的 拆箱装箱
包装对象的主要作用就是做隐式转换，基本开发中用不到，但是确实有这个东西。
先看一段代码

"some text".substr(5)			//"text"

string是基本数据类型，按照常理来说是不能调用方法的。
实际上是JavaScript自身将string包装成了String对象的实例，使其拥有了String对象的方法
JavaScript自动包装对象具体操作如下：

Object("some text").substr(5)
//这个操作将返回一个String实例，内容为some text，并且调用String对象方法

JavaScript隐式包装对象还有一个机制

隐式包装对象的生命周期只在代码行，用完即销毁。

let str = "Do something"
str.color = "red"
console.log(str.color)		// undefined

第二行代码JavaScript隐式包装对象，用完即毁。 所以在输出str.color的时候显示为undefined