函数的知识点

目录

1.概念：函数是被设计为执行特定任务的代码块,调用的时候才会执行。

2.写法：

   声明式：

   表达式：

   箭头函数：

3.函数的参数：

形参与实参

默认参数：

arguments [了解]:

rest剩余参数 [重点]

4.函数的返回值【重点】

5.函数的调用【重点】

   直接调用 ---直调 

   对象里的函数 -- 对调

   回调函数: 当满足一定条件,自动调用执行 - 回调

   IIFE立即执行函数表达式 - 自调

---

1.概念：函数是被设计为执行特定任务的代码块,调用的时候才会执行。

2.写法：

   声明式：

function 函数名(形参) {
    // 执行代码
}

   表达式：

const 变量 = function(形参) {
    // 执行代码
}

   箭头函数：

         o 形参有且只有1个,可省略() [ 也可以不省略 ] （不建议小括号）

         o 执行代码只有1句,可省略{}, 且必须省略return, 会自动return [ 也可以不省略 ]

const 变量 = (形参) => {
	// 执行代码    
}

3.函数的参数：

• 形参与实参

  • 形参：占位使用, 要语义化. 叫啥都行.

  • 实参：调用函数，实际传入的参数，传入的参数需要和形参一一对应。

• 默认参数：

  • es5写法

    function fn(param) {
        let temp = param || 默认值
    }

  • es6写法

    function fn(param = 默认值) {
        
    }

• arguments [了解]:

  o 在函数内部可以直接获取到, 获取到所有实参, 结果是:伪数组.

  o 作用: 不能确定参数个数的情况

• rest剩余参数 [重点]

  • es6推出的, 叫: 剩余参数. 用来取代arguments.

  • function 函数名(形参1, ...形参) {
       // 形参1: 得到实参1
       // 形参: 得到 [实参2, 实参3, 实参4]
    }
    
    函数名(实参1, 实参2, 实参3, 实参4)

4.函数的返回值【重点】

• 函数没有return, 默认return undefined

• 函数返回啥,就得到啥.

• 哪里调用函数, 函数的返回值,就返回到那里去.

• 函数都要return吗?

  • 如果调用一个函数, 只是让它干一件事, 干就完了, 不要结果, 就不需要return

    • 渲染函数.

    • 弹窗函数

  • 如果调用一个函数, 需要它把结果汇报给你, 要使用变量接收这个结果, 把结果用在别的地方.

    求和

    获取年月日

5.函数的调用【重点】

   直接调用 ---直调 

function 函数名() {}
函数名()

const 变量 = function() {}
变量()

  对象里的函数 -- 对调

let obj = {
    函数名: function() {}
}

obj.函数名()

回调函数: 当满足一定条件,自动调用执行 - 回调

setTimeout(function() {
    console.log(666);
}, 1000)


dom.addEventListener("click", function() {
    console.log(888)
})

IIFE立即执行函数表达式 - 自调

;(function() {
    // 执行代码
    console.log(666)
})()