js函数类型/匿名函数

数据类型

原始类型

数字类型number

• 123

  字符串类型string

• php

  布尔类型boolean

• true

  undefined类型undefined

• undefined

  null(显示的是object类型)

• null

  引用类型

  数组array

• const arr = [‘1’,2];
• 数组访问 arr[1];

  对象object

• const obj = {name:”1”,num:2}
• 对象访问 obj[‘name’];
• 对象访问2 obj.name

  数组对象

  
  obj = [
  {name:'1',num:2},
  {name:'2',num:2},
  {name:'3',num:2},
  ]
  

  函数(也是对象类型)

• 命名函数

  
  // 声明
  function name(参数){
  //返回数据
  ... return;
  }
  // 调用
  name(参数);
  

• 匿名函数

  
  // 声明
  function (参数){
  ... return;
  }
  // 立即执行(IIFE,一次性)
  (function (参数){
  console.log(...);
  })(参数调用)
  //变量声明
  const getName = function (参数){
  ... return;
  }
  //调用
  getName();
  

• 箭头函数
  // 声明
  // this 普通函数 调用时确定
  // this 箭头函数 声明时确定
  const getName = (参数)=>{
  … return;
  }
  // 调用
  getName();
• 模板函数

  
  function total(strings,num,price){
  console.log(strings);
  //其他的字符串会跑到这来
  //['',' * ','的总金额',' 元 ']
  console.log(num,price);
  // 10 20
  }
  let num = 10;
  let price = 20;
  //调用模板函数
  total`${num} * ${price}的总金额: ${num * price} 元`;
  ////////////
  //优化
  function sum(strings,...args){
  console.log(strings);
  console.log(args);
  console.log(`${args.reduce((a,c)=>a+c)}`);
  }
  //调用
  sum`计算多个数和:${1}${2}${3}${4}`
  

函数使用场景

• 1. 如果函数需要多次调用, 用命名, 函数表达式, 都可以
• 1. 如果代码要求,必须遵循”先声明, 再调用”的规则, 那就必须用”函数表达式”
• 1. 如果只有完成一些特定的,一次性的工作, 不想留下任何痕迹, 用”IIFE”, 模块
• 1. 如果调用函数时,需要一个函数充当参数,例如:回调, 就可以使用箭头函数来简化 匿名函数的 声明