函数

函数：是可以被重复使用的代码块

作用：函数可以把具有相同或相似逻辑的代码“包裹” 起来，有利于代码复用

函数的基本使用

1.定义函数

function 函数名() {
  函数体
}

2.调用函数   

函数名()

我们带入语法：

//定义函数
function star () {
  console.log('五角星', '☆')
}

//调用函数
star()

注意：先定义，后使用（变量、函数都是如此）

函数的完整用法

根据我们传入不同的数据，进行处理，返回处理后的结果

function 函数名 (形参1:类型,形参2:类型 ...) {
  编写代码对数据进行处理
  return 处理后的结果
}

let 变量名 : 类型 = 函数名 (实参1,实参2,..）

例如：用一个函数，来实现下面的需要

传入 价格 和 数量，返回 计算的结果

1.苹果 2元/斤，买了3斤，多少钱？

2.香蕉 4元/斤，买了4斤，多少钱？

founction buy (price: number, num: number){
  //1.处理数据
  let result: number = price * num
  //2.返回结果
  return result
}

let apple: number = buy(2,3)
console.log('苹果', apple)

那我们要是算香蕉呢，还要继续从头写到尾吗，其实不用，上面代码则是定义函数，而我们只需调用函数即可，并不需要一个一个去自己写

let apple: number = buy(4, 4)
console.log('香蕉',banana)

注意：形参和实参的数量要统一，一 一对应，否则即会报错

箭头函数

箭头函数是比普通函数更简洁的一种函数写法

let 函数名 = () => {
  // 函数体
}

函数名()

我们带入语法：

//定义函数
let star = () => {
  // 函数体
  console.log('五角星', '☆')
}

//调用函数
star()

如果我们需要传参呢？看下面代码

let 函数名 = (形参1: 类型, 形参2: 类型) => {
  // 函数体
  // 1. 计算过程
  // 2. 返回结果
  return 计算的结果
}

函数名(实参1, 实参2)

我们带入语法：

let buy = (price: number, weight: number) => {
  //函数体
  // 1. 计算过程
  let result: number = price * weight
  // 2. 返回结果
  return result
}
let apple: number = buy(2, 3)

注：普通函数，箭头函数，在后面开发中会有不同的使用场景，所有两种语法都需要掌握