导航

HTML

CSS

JavaScript

浏览器 & 网络

版本管理

框架

构建工具

TypeScript

性能优化

软实力

算法

UI、组件库

Node

冷门技能

函数是 JavaScript 中的「一等公民」

函数在 JavaScript 中可以：

• 声明、调用、赋值、传参、返回、构造函数、类实例、立即执行函数

JavaScript 编程特点

• 函数式编程和面向对象编程的混编语言
• 可扩展性强
• 优点：编程灵活、易学
• 缺点：不可控
• this：在 JavaScript 中是门技术 call、apply、bind

面向对象与函数式编程的关系

• 函数式编程
  • 优点：易读、易维护
  • 概念：函数式第一类对象，不依赖其他任何对象独立存在
• 面向对象编程

纯函数

• 相同的输入得到相同的输出，不依赖且不影响外部环境也不产生任何副作用
  • 副作用：只要跟函数外部环境发生了交互就是副作用
    • 发送数据请求、改变数据、console.log、DOM 操作
• 输出完全取决于输入

function add(obj) {
	return obj.a + obj.b;
}
function minus(obj) {
  return obj.a - obj.b;
}
function compute(nums) {
	// console.log(add(nums));
	// console.log(minus(nums));
	return {
		add: add(nums),
		minus: minus(nums)
  }
}

var numbers = {
	a: 5,
	b: 1
};

compute(numbers).add;
// compute 不是个纯函数，依赖外界函数，但凡add和minus函数变化，返回的内容就不一致了

• 特点
  • 可移植性
  • 可测试性
  • 合理性

// 可移植
function compute(a, b, type) {
	if (typeof(a) === 'number' && typeof(b) === 'number') {
    switch(type) {
    	case 'add':
    		return a + b;
      case 'minus':
    		return a - b;
      case 'mul':
    		return a * b;
    	case 'div':
    		return a / b;
    	default:
				return a + b;
    }
	} else {
		return 'a和b必须为数字';
  }
}
console.log(compute(1, 2, "add"));