ES6的箭头函数使用

原创于 2021-06-13 21:33:20 发布 · 67 阅读

CC 4.0 BY-SA版权

这篇博客展示了JavaScript中函数的使用，包括常量定义、箭头函数以及对象的方法。通过`constmul`定义了一个乘法函数，`constdemo`用于打印消息，`constpower`计算平方。接着，演示了`setTimeout`中的`this`指向问题，以及在对象方法中`setTimeout`内`this`的变化。最后，创建了一个包含两个方法的对象，每个方法内部都使用`setTimeout`，展示了不同定义方式下`this`的差异。

const mul = (num1, num2) => num1 * num2;

const demo = () => console.log('demo')

const power = num1 => num1 * num1;

 
console.log(mul(10, 20))

demo()

console.log(power(10))

setTimeout(() => {
    console.log(this)
    console.log('this')
}, 1000)

const obj = {
    abc() {
        setTimeout(function () {
            console.log(this)
            console.log('11111')
        })
    },
    bc() {
        setTimeout(() => {
            console.log(this)
            console.log('22222')
        })
    }
}

obj.abc();
obj.bc();