函数概念
简单理解就是用来管理我们写的代码块 ,代码块主要包含(变量 if语句 for语句 while语句 switch语句)等。
定义的每个函数都会有自己的的对立空间 ,同样的一段代码 ,在不同函数中即使名称一样也不会有影响。
这就是函数的作用,用来管理我们写的代码块, 而对象的概念更为广泛 可以理解为用于管理函数和属性。
函数定义
- 函数分为函数名 函数体 形参 实参
- 函数名 即函数名称
- 函数体 就是函数执行代码区域
- 形参 就是定义函数时 声明需要传的参数
- 实参 就是调用的时候传的参数
demo例子
function test(name,age){ => test是函数名 name,age是形参
//函数体
}
test("rise",100,'gril') "rise",100,'gril'这个是实参 实际传的参数可以这样理解
函数分类
从参数
角度来分函数分为有参函数
和无参函数
有参函数
function test(name,age){
console.log(name,'name')
console.log(age,'age')
}
test();
无参函数
function test(){
alert()
//代码块
}
test("rise",100)
从函数返回值角度来分 函数分为有返回值
和无返回值
有返回值 有return返回
function test(){
var x=5;
return x;
}
无返回值 无return 返回
function test(){
var x=5;
}
函数使用场景
普通函数 **
function test(){
alert()
//代码块
}
test()
匿名函数 (匿名函数就是没有函数名的函数)
这里定义方式是定义一个没有名称的函数赋值给一个变量
var fn = function(){
//代码块
}
fn()
dom事件方法中使用匿名函数
var dom = document.getElementById('app')
dom.onclick = function(){
//代码块
}
对象中使用匿名函数
var obj = {
getMess:function(){
//代码块
}
}
内置数组遍历方法中使用函数
var arr = [1,2,3]
arr.forEach((it,indx,arr) => {
//代码块
})