Blogger Information
Blog 11
fans 0
comment 0
visits 5882
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
js函数类型/匿名函数
becauses
Original
467 people have browsed it

数据类型

原始类型

数字类型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. 如果调用函数时,需要一个函数充当参数,例如:回调, 就可以使用箭头函数来简化 匿名函数的 声明
Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!