004-函数

函数对于任何语言来说都是一个核心的概念,通过函数可以封装任意多条语句,而且可以在任何地方、任何时候调用执行。ECMAScript中的函数使用function关键字来声明,后跟一组参数以及函数体。
以下是一个函数实例:

// function functionName(args0,args1,...argsN){
//     statusments
// }
function sayHi(name, msg) {
    console.log('Hello' + name + msg)
}
sayHi('小明', '你好啊')  //Hello小明你好啊

函数在定义时不必指定是否返回值,实际上任何函数在任何时候都可以通过return语句后面跟要返回的值来实现返回值

function sum(num1, num2) {
    return num1 + num2
}
console.log(sum(1, 2))   //3

一个函数可以包含多个return语句

function diff(num1, num2) {
    if (num1 < num2) {
        return num2 - num1
    } else {
        return num1 - num2
    }
}
console.log(diff(2, 5))  //3

return语句可以也可以不带任何返回值。在这种情况下,函数在停止执行后将返回undifined。
推荐的做法是要么让函数始终都返回一个值,要吗永远都不要返回值。否则如果函数有时时候有返回值,有时候无返回值,会给代码调试带来不便。

function sayHello(params) {
    return
}
console.log(sayHello()) //undifined

严格模式对代码有些限制(会导致语法错误,代码无法执行):
不能把函数命名为eval或者arguments
不能把参数命名为eval或者arguments
不能出现两个参数同名的情况

理解参数
ECMAScript函数与大多数语言中的参数有所不同,ECMAScript函数不介意传递进来多少个参数,也不在乎传递进来的参数是什么数据类型,也就是说,即便你定义的函数只接受两个参数,在调用这个函数的时候也未必一定要传递两个参数,可以传递一个、三个甚至不传递参数,而解析器永远不会有什么怨言。之所以这样原因是ECMAScript中的参数在内部是用一个数组来表示的。函数接收到的始终是一个数组,而不关心,而不关心数组中包含哪些参数。在函数体内可以通过arguments对象来访问这个参数数组。
arguments对象只是与数组类似(它并不是Array的实例),因为可以使用方括号语法来访问它的每一个元素(即第一个元素argument[0],以此类推),使用length属性来确定传递进来多少个参数。

function sayHi() {
    console.log('Hello' + arguments[0] + arguments[1])
    console.log(arguments.length)   //2
}
sayHi('小明', '你好啊')  //Hello小明你好啊

arguments对象和命名参数一起使用

function doAdd(num1, num2) {
    if (arguments.length === 1) {
        console.log(num1 + 10)
    } else if (arguments.length === 2) {
        console.log(arguments[0] + num2)
    }
}
doAdd(1, 2)	//3

关于arguments的行为,还有一点比较有意思,那就是它的值永远与对应命名参数的值保持同步

function doAdd(num1, num2) {
    arguments[1] = 10;
    console.log(arguments[0] + num2)    //11
}
doAdd(1, 2)

arguments对象的值会自动映射到对应的命名参数,所以修改了arguments[1],也就修改了num2,结果他的值都会变成10,不过这并不是说读取的这两个值都会访问相同的内存空间,他们的内存空间是独立的,但他们的值会同步,另外,如果只传入一个参数,那么为arguments[1]设置值不会反映到命名参数。因为arguments对象的长度是由传入参数的个数决定的,不是由定义函数时的命名参数个数决定的。
没有传递值的命名参数将自动被服务undefined,这就跟定义了变量没有初始化一样
严格模式对如何使用arguments对象做出了一些限制,赋值会变得无效,其次从写arguments的值会导致语法错误

没有重载
ECMAScript不能像传统意义上那样实现重载,而在其他语言中(如java)中,可以作为一个函数编写两个定义,只要这两个定义的签名(接收参数的类型和数量)不同即可。ECMAScript函数没有签名,因为其参数是由包含0或多个值的数组来表示的。而没有签名,真正的重载是不可能做到的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值