JavaScript学习笔记(二) 函数

// 定义一个计算两数相加的函数
function add(a, b) {
    return a + b
}
// 定义一个计算阶乘的递归函数
function factorial(x) {
    return (x <= 1) ? 1 : x * factorial(x - 1)
}

// 定义一个计算两数相加的函数，为了使得代码结构更加紧凑，这里的函数字面量一般省略函数名称
var add = function(a, b) {
    return a + b
}
// 定义一个计算阶乘的递归函数，为了方便函数调用自身，这里的函数字面量需要加上函数名称
var factorial = function fact(x) {
    return (x <= 1) ? 1 : x * fact(x - 1)
}

> // 定义一个普通函数
> var add = function(a, b) {
    // 此时 this 被绑定到全局对象（在这里可以输出 this 观察一下）
    // this 的取值可能根据 JavaScript 运行环境的不同而不同
    return a + b
}
> // add 函数作为函数被调用，this 被绑定到全局对象
> // 函数调用方式：function(argument, ...)
> add(1, 1)

> // 定义一个 counter 对象
> var counter = {
    value: 0,
    // 定义 increment 函数作为方法（counter 对象的一个属性）
    increment: function() {
        // 当 increment 函数作为方法被调用时，会自动得到一个隐式参数 this，指向对象本身
        this.value += 1
    }
}
> // increment 函数作为方法被调用，this 绑定到 counter 对象
> // 方法调用方式：object.function(argument, ...)
> counter.increment()
> counter.value
// 1

// 定义 Message 函数作为构造函数
> var Message = function(descrition) {
    // 当 Message 函数作为构造函数被调用时，会自动得到一个隐式参数 this，绑定到新对象
    this.detail = descrition
}
> // Message 函数作为构造函数被调用，this 绑定到 message 对象
> // 构造函数调用方式：new Function(argument, ...)
> var message = new Message('Hello')
> message.detail
// 'Hello'

> var Message = function(descrition) {
    // 先判断 this 是否指向当前对象
    // 如果是，则说明函数是通过构造函数的方式调用的，这时可以安心进行初始化对象的工作
    if (this instanceof Message) {
        this.detail = descrition
    }
    // 如果不是，那就说明函数可能是通过错误的方式调用的，需要以正确的方式重新调用构造函数
    else {
        return new Message(descrition)
    }
}

> function add(a ,b) {
    a = a || 0
    b = b || 0
    return a + b
}
> add(5, 7)
// 12
> add(9)
// 9
> add()
// 0

> function add() {
    var total = 0
    for (let curr = 0, len = arguments.length; curr < len; curr++) {
    total += arguments[curr]
    }
    return total
}
> add(1, 2, 3, 4, 5)
// 15