欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js函数类型/匿名函数

程序员文章站 2022-05-26 12:41:19
...

数据类型

原始类型

数字类型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

    数组对象

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

    函数(也是对象类型)

  • 命名函数
    1. // 声明
    2. function name(参数){
    3. //返回数据
    4. ... return;
    5. }
    6. // 调用
    7. name(参数);
  • 匿名函数
    1. // 声明
    2. function (参数){
    3. ... return;
    4. }
    5. // 立即执行(IIFE,一次性)
    6. (function (参数){
    7. console.log(...);
    8. })(参数调用)
    9. //变量声明
    10. const getName = function (参数){
    11. ... return;
    12. }
    13. //调用
    14. getName();
  • 箭头函数
    // 声明
    // this 普通函数 调用时确定
    // this 箭头函数 声明时确定
    const getName = (参数)=>{
    … return;
    }
    // 调用
    getName();
  • 模板函数
    1. function total(strings,num,price){
    2. console.log(strings);
    3. //其他的字符串会跑到这来
    4. //['',' * ','的总金额',' 元 ']
    5. console.log(num,price);
    6. // 10 20
    7. }
    8. let num = 10;
    9. let price = 20;
    10. //调用模板函数
    11. total`${num} * ${price}的总金额: ${num * price} 元`;
    12. ////////////
    13. //优化
    14. function sum(strings,...args){
    15. console.log(strings);
    16. console.log(args);
    17. console.log(`${args.reduce((a,c)=>a+c)}`);
    18. }
    19. //调用
    20. sum`计算多个数和:${1}${2}${3}${4}`
函数使用场景
    1. 如果函数需要多次调用, 用命名, 函数表达式, 都可以
    1. 如果代码要求,必须遵循”先声明, 再调用”的规则, 那就必须用”函数表达式”
    1. 如果只有完成一些特定的,一次性的工作, 不想留下任何痕迹, 用”IIFE”, 模块
    1. 如果调用函数时,需要一个函数充当参数,例如:回调, 就可以使用箭头函数来简化 匿名函数的 声明