关于javascript:如何理解JavaScript中的函数

JS 中的函数简介

JS 中的函数是一种通过调用来实现具体业务的一段代码块。最外围的目标是将可反复执行的操作进行封装，而后供调用方无限度的调用。

JS 中的函数的定义

JS 中函数定义，有如下两种模式：
形式 1

function f1(){} // 函数申明,f1 为函数名, 能够将其了解为变量 f1 指向一个函数
function f2(){return 100;}// 函数容许有返回值
function f3(a,b){}// 函数中能够定义多个参数, 无需指定变量类型

形式 2:

var f4=function(){} // 函数表达式, 这里变量名 f4 为函数名
var f5=function(){return 100;}// 函数容许有返回值
var f6=function(a,b,c){}

案例分享

JS 中的函数调用

JS 中的函数定义好当前，必须调用才会执行，罕用调用形式有如下两种：

• 形式 1: 通过函数名间接调用

f1();
f3(10,20); // 调用函数时指定其理论参数
f6(10,20,30)

• 形式 2: 匿名函数自调用, 目标是创立函数作用域, 避免净化全局.

(function(){})()
(function(){}())

案例分享
基于函数名进行调用

函数的自调用

回调函数

JS 中的回调函数, 将函数以实参的模式进行传递。

function f(callback){callback()// 调用传入的匿名函数
};// 定义函数
f(function(){console.log("hello"))// 调用函数, 函数外部传入的匿名函数为回调函数

案例分享
JS 中的回调函数, 将函数以实参的模式进行传递。

function f(callback){callback()// 调用传入的匿名函数
};// 定义函数
f(function(){console.log("hello"))// 调用函数, 函数外部传入的匿名函数为回调函数
也能够写成 f(()=>{console.log("hello"))

案例分享

总结(Summary)

本大节次要从函数的概念，定义，调用，回调几个角度对函数做了一个根本介绍，小试伸手，用于交换。