函数的概念:函数可以理解为一个工具,在函数里面放一些代码,在本质上来说函数是一个容器
语法:
function name(参数 1, 参数 2, 参数 3) { 要执行的代码 }
注:函数名的命名规则跟变量名规则一样
调用:函数名();
函数分三种:有赋值式函数;匿名函数;自调用函数
1,赋值式的函数:将一个函数代码赋值给一个变量;这是这个变量的类型是function
如:
这个a的值就是函数代码;
这时的a()是可以直接调用的,但如果在代码段中有函数名称的话;是无法用函数名称来调用的
如:
2, 匿名函数:
理解:匿名函数可以说是没有名字的函数,在代码段中的函数名字无法使用了,就可以把函数名称给省略掉,
匿名函数不能直接放在代码中,除非使用()将匿名函数包裹起来,
如:
3.自调用函数
用()把匿名函数包裹起来,在后面在加一个小括号,匿名函数就被调用了
如:
函数的本质:
函数定义:函数其实就是在内存中开辟空间,起个函数名字,然后把一段代码当做空间丢进去;函数的定义其实跟变量定义一样,只是多了一种值的类型而已;
在控制台上输出一个函数的名称,就会输出这段函数的代码;
如何检测函数的类型:typeof()-->输出function;
带参数的函数;
在日常代码中有一些变量在多次调用的时候需要发生变化,这是就可以把这是变量放进定义函数的()中,作为形参占位置,形参可以说是在函数内部隐形的定义了变量,只是没有赋值 注意:多个形参之间用逗号隔开
而在调用时,需要给形参赋值,调用时的()中可以根据数量和类型给形参赋值这是调用()里的就是实参
如:
注意:如果实参,没有给形参赋值,形参默认的是undefinded;如果实参数量超出形参,超出的实参是无效的,
带返回值的函数(return)
在某些情况下,调用函数中需要得到一个结果,进行进一步的运算,就需要在函数中添加return结果,调用函数代码就当于得到return后面的值
return还有一个作用是结束函数的执行,
如果函数没有加return,默认return是underfinded;
如果加了return,后面没有值的话默认也是underfinded
函数的书写步骤;
函数书写步骤
1.先将核心代码写好
2.将核心代码包裹在一个function里面
3.分析其中哪些变量需要变化,作为形参
4.分析其中哪个数据需要在调用函数后得到结果,将他作为返回值
5.调用,给调用添加实参
ES6中的函数
在es6中提交了一种新的函数定义的语法--只能等同于赋值式的函数
这种语法是对于 匿名函数的一种简写--箭头函数
es5:
var fn = function() { console.log(11); } fn()
es6:
let fn= ()=>{ console.log(11); } fn()
1.当只有一个形参时小括号可以省略
// var fn = function(a) { // console.log( parseInt(a) ); // } let fn = a => { console.log(parseInt(a)); } fn('5')//5
2.当大括号只有一行代码时,大括号可以省略,如果大括号中这一行代码带return,那必须连return关键字也一块省略
let fn = a => console.log(parseInt(a));
fn('6')