您的位置:首页 > Web前端 > JavaScript

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

2017-03-13 00:00 375 查看
函数简介:

说明: 函数是定义一次但可以多次调用或执行任意多次的一段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]

}

retur
7fe0
n
sum

}

// 调用函数

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

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

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



本文出自 “满满李 - 运维开发之路” 博客,请务必保留此出处http://xmdevops.blog.51cto.com/11144840/1846125
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: