JavaScript-基础入门.0007.JavaScript函数初识

本文详细介绍了JavaScript函数的基础概念,包括函数声明、返回值设置、参数处理等,并提供了丰富的示例代码帮助理解。

函数简介:

说明: 函数是定义一次但可以多次调用或执行任意多次的一段Js代码,函数有时会有参数,即函数被调用时指定了值的局部变量,函数常常使用这些参数来计算一个返回值.

 

函数声明:

说明: 函数可以封装任意多条语句,而且可以在任意地方,任意时候调用执行,函数声明用function关键字声明,后跟着一组参数以及函数体

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

// 无需传参的函数

function calcResult(){

    console.log('只有函数被调用,我才会被执行!')

}

// 调用函数 - 无需传参

calcResult()

// 需要传参的函数

function calcResult(prefix){

    if(prefix==undefined){

        prefix = '满满说: '

    }

    console.log(prefix+'只有函数被调用,我才会被执行!')

}

// 调用函数 - 需要传参

calcResult("珍珍说: ")

注意: 函数没有重载功能,所以如上声明两个同名的函数,并调用时,它们调用的都是最后定义的那个函数,即使calcResult()写在函数定义的上面

 

函数返回:

说明: 带参和不带参的函数,都没有定义返回值,而是调用后直接执行,而是调用后直接执行,实际上任何函数都可以通过return语句跟后面的要返回的值来实现返回值

1

2

3

4

function userInfo(name, age){

    return '我的名字是' + name + ', 我的年龄是' + age

}

console.log(userInfo('李满满', 25))

注意: 一旦函数内部return后return语句后面的代码将不再执行,直接跳出代码块,从调用处继续向后执行

 

函数参数:

说明: Js函数不介意传递进来多少参数,也不会因为参数不统一而错误,实际上,函数体内可以使用arguments对象来接受传递进来的参数

1

2

3

4

5

6

7

8

9

10

function sum(){

    var sum = 0

    // 通过arguments对象获取参数对象

    for(var i=0; i<arguments.length; i++){

        sum += arguments[i]

    }

    return sum

}

// 调用函数

console.log(sum(1, 2, 3, 4, 5, 6, 7, 8, 9))

 

 

登录乐搏学院官网http://www.learnbo.com/

或关注我们的官方微博微信,还有更多惊喜哦~

 

本文出自 “满满李 - 运维开发之路” 博客,请务必保留此出处http://xmdevops.blog.51cto.com/11144840/1846125

转载于:https://my.oschina.net/learnbo/blog/857696

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值