lesson-03

函数初探

函数是什么？

1. 函数是Javascript程序的基本组成部分。
2. 在Javascript中函数是用来执行一个过程或者运算一个数据结果的一堆语句的集合。
3. 如要使用函数，则需要在某个作用域中先定义它，然后再调用它。

函数也是一个对象

函数的定义方式

声明方式

表达式方式

• 函数命名同变量名命名规则，英文字母阿拉伯数字_$组成，并且数字不能做第一个字符
• 没有任何参数也要写 ()
• return 不是必须写的
  • return 后面跟的是 返回值
  • 也可以直接写return，不返回任何东西，这时候只是意味着函数结束了

如正常返回值：

function add(a, b) {
  return a + b
}

add(100, 200)

检查函数参数是否合法，发现不合法直接返回

function add(a, b) {
  if (isNaN(a) || isNaN(b)) {
    console.warn('参数无效')
    return
  }
  return (+a) + (+b) // 变量前的+表示强制转换为数字
}

add(1)
add('a', '100')
add('2', '12')

声明和表达式区别

如上例，我们以为后一个函数声明a会覆盖前一个，如果执行a()的话会打印1，其实实际上会打印2，因为function声明总是被javascript解释器提到最前面运行：

不好的声明方式

改进后的函数声明

arguments

当不确定函数究竟有多少个参数时我们可以使用arguments来获得当前被调用函数的参数列表

• arguments 是函数内部的特殊变量
• arguments 看起来像数组，但实际上不是
• 如果要转换arguments成为真正的数组可以使用 Array.prototype.slice.call(arguments)来执行（目前可死记）

ES6新语法：函数参数的展开 ...（spread）

我们来实现上面例子的spread版

function joinStrings(sep, ...strings) {
  var ret = ''
  for (var i = 0; i<strings.length; i++) {
    ret = ret + strings[i]
    if (i < strings.length - 1) {
      ret = ret + sep
    }
  }
  return ret
}

console.log(joinStrings("#", 'harry', 'potter', 'bran', 'stark'))

例子用arguments方法实现一个joinString的函数

递归函数

以上是使用递归函数计算阶乘的例子，可以对比普通非递归写法：

function fac(times) {
  var s = 1
  for(var i=1; i<=times; i++) {
    s = s*i
  }
  return s
}