关于JavaScript函数的一些自己的理解和知识

函数的概念:函数可以理解为一个工具,在函数里面放一些代码,在本质上来说函数是一个容器

语法:

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')

猜你喜欢

转载自blog.csdn.net/weixin_45441470/article/details/123427572