您的位置:首页 > 运维架构 > 网站架构

网站前端_JavaScript-基础入门.0007.JavaScript函数初识

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

函数声明:
说明: 函数可以封装任意多条语句,而且可以在任意地方,任意时候调用执行,函数声明用function关键字声明,后跟着一组参数以及函数体
// 无需传参的函数
function calcResult(){
console.log('只有函数被调用,我才会被执行!')
}
// 调用函数 - 无需传参
calcResult()
// 需要传参的函数
function calcResult(prefix){
if(prefix==undefined){
prefix = '满满说: '
}
console.log(prefix+'只有函数被调用,我才会被执行!')
}
// 调用函数 - 需要传参
calcResult("珍珍说: ")
注意: 函数没有重载功能,所以如上声明两个同名的函数,并调用时,它们调用的都是最后定义的那个函数,即使calcResult()写在函数定义的上面

函数返回:
说明: 带参和不带参的函数,都没有定义返回值,而是调用后直接执行,而是调用后直接执行,实际上任何函数都可以通过return语句跟后面的要返回的值来实现返回值
function userInfo(name, age){
return '我的名字是' + name + ', 我的年龄是' + age
}
console.log(userInfo('李满满', 25))
注意: 一旦函数内部return后return语句后面的代码将不再执行,直接跳出代码块,从调用处继续向后执行

函数参数:
说明: Js函数不介意传递进来多少参数,也不会因为参数不统一而错误,实际上,函数体内可以使用arguments对象来接受传递进来的参数
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))
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Java Script 网站前端