js函数详解

函数分类:系统函数和自定义函数,在JS中,函数也是一种单独的数据类型。

文章目录

  • 一.函数的概念,声明和调用
  • 二,函数的传参
  • 三,函数的返回值
  • 总结

一、函数的概念,声明和调用

Js中的函数:把一段需要重复使用的代码,用function语法包起来,方便重复调用。分块和简化代码。复杂一点的也会加入封装,抽象,分类等思想。

声明方式:严格意义上两种方式,但还有匿名函数。

方式一

function 方法名(){

//要执行的代码

}

方式二:ES6中声明方式箭头函数,()=>{}

方法三:匿名函数,将函数存到变量里 var  func=function(){}

函数调用:两种方式调用

调用方式一:名字();函数可以多次调用

//函数声明

function fun(){

console.log()

}

//函数的调用

fun();

调用方式二:在事件中调用,直接写函数名,不使用括号

//

二、函数的传参

获取元素,最好从父级获取,全部从document中获取可能会出现混乱。

形参:形式上的参数——给函数声明一个参数;

实参:实际的参数——在函数调用时给形参赋的值

什么时候使用传参:

案例:

<script>

<script>

<body>

</html>

index.js

三函数返回值

函数返回值就是函数执行之后的返回结果

1所有函数都会有函数返回值即函数执行后一定会返回一个结果,如果没有定义默认返回undefined;

2.在函数中,return后定义返回值

3,在函数中,return之后的代码不会被执行。

4.return只能用于函数中,用在其他地方会被报错。

<script>
        function func1(){
           console.log("函数func1执行内容");
        } 
        function func2(){
           console.log("函数func2执行内容");
           return 1;
           var a = 2;
           console.log(a);
        } 
        //如果没有定义默认返回undefined
        console.log("func1返回结果:"+func1());//undefined
        console.log("func2返回结果"+func2());//1
</script>


总结

函数声明提升可以用于调整代码的顺序,将大段的定义过程放到代码最后,但是不影响代码执行效果。

函数表达式:进行的是变量声明提升,而不是函数声明提升。提升后变量内部存的是一个undefined。在前面进行函数方法调用,数据类型会提示错误。

如果函数没有设置 return语句 ,那么函数有默认的返回值undefined;如果函数使用 return语句,但是return后面没有任何值,那么函数的返回值也是undefined。

函数调用

如果实参的个数小于形参的个数,未被赋值的形参的值为undefined.

如果实参的个数大于或者等于形参的个数,显示实际结果

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值