JavaScript中的普通函数和箭头函数的区别和用法详解

JavaScript014

JavaScript中的普通函数和箭头函数的区别和用法详解,第1张

JS箭头函数和function的区别:

箭头函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。

箭头函数不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。

箭头函数不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用Rest参数代替。

不可以使用yield命令,因此箭头函数不能用作Generator函数。

JS箭头函数和function的区别: 箭头函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。 箭头函数不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。 箭头函数不可以使用arguments对象,该对象在函数体内js 箭头函数和function的区别

不用搞得太复杂,直接用图片就好:

<html>

<head>

<style>

ul {

    list-style-type: none

}

li {

    width: 150px

    height: 24px

    float: left

    background-image: url('bk1.png')

    background-size: cover

    text-align: center

    font-size: 12px

}

li:hover {

    color:#E4393C

    background-image: url('bk2.png')

}

</style>

</head>

<body> 

 <ul><li>疯狂抢购</li><li>猜你喜欢</li></ul>

</body>

</html>