网站前端_JavaScript.0007.JavaScript函数相关

Posted 2020-08-06

函数简介:

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

---

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