前端学习-范建荣-20230508

一、学习内容

• 函数概念
  
  • 在JS的使用过程中会遇到非常多的相同的代码块，这些代码块需要被重复使用，这种情况，我们就可以使用函数来实现。
    
• 函数的使用
  
  • 1、声明函数
    
    • function 函数名() { // 函数代码块 / 函数体代码};
      
    • 注意点：
      
      • function 是声明函数的关键字，必须小写
        
      • 函数名称通常是动词，因为函数一般都是为了实现某一个具体的功能才被定义的，比如：reverse(翻转的意思)
        
  • 2、调用函数
    
    • 函数名();
      
    • 注意点：
      
      • 函数名后面一定要加小括号
        
      • 函数不调用不执行。
        
  • 例
    
• 函数的封装
  
  • 例
    
• 函数的参数
  
  • 函数的参数有形参和实参之分
    
    • 在声明函数的时候，在函数名小括号后面的添加参数是形参，在调用函数的时候传递参数的是实参。
      
    • 形参：形式参数，函数定义的时候的参数，当前并不知道具体的值是什么
      
    • 实参：实际参数，函数调用的时候的参数，实参的值是传递给形参进行使用的。
      
  • 基本语法
    
    • 函数声明
      
      • function 函数名(形参1,形参2,形参3,形参4......) {// 函数体}
        
    • 函数调用
      
      • 函数名(实参1,实参2,实参3.......);
        
    • 例
      
  • 函数的形参和实参个数匹配问题
    
    • 实参等于形参个数
      
      • 输出正确的结果
        
    • 实参小于形参个数
      
      • 多余的形参，会是默认的undefined
        
    • 实参大于形参个数
      
      • 多余的实参会被直接舍弃
        
    • 例
      
    • 注意点：在一般情况下，实参尽量和形参保持匹配，否则可能会出现意外情况。
      
• 函数的小结
  
  • 函数可以带参数，也可以不带参数
    
  • 声明函数的时候，函数括号里的是形参，形参的默认值的undefined
    
  • 调用函数的时候，函数名括号里的是实参
    
  • 多个参数之间要用英文的逗号来分割
    
  • 形参的个数进行和实参的个数要匹配。
    

二、遇到的问题
三、解决方案