#yyds干货盘点# 歌谣学前端之箭头函数2

时间：2023-02-03 12:15:12

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群

箭头函数

  • 1.箭头函数中没有arguments
    * 2.箭头函数中没有自己的this
    * - 它的this总是外层作用域的this
    * 3.箭头函数中的this无法通过call()、apply()、bind()修改
    * 4.箭头函数无法作为构造函数使用

代码案例

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>箭头函数</title>
    <script>

        /*
        *   1.箭头函数中没有arguments
        *   2.箭头函数中没有自己的this
        *       - 它的this总是外层作用域的this
        *   3.箭头函数中的this无法通过call()、apply()、bind()修改
        *   4.箭头函数无法作为构造函数使用
        *
        * */

        function fn(a, b, ...args){
            // arguments用来保存函数的实参
            // console.log(arguments.length);
            console.log(args);
        }

        const fn2 = (...args)=>{
            console.log(args);
        };

        const fn3 = () => {
            console.log(this);
        };

        const obj = {
            hello:()=>{
                console.log(this);
            }
        };

        const obj2 = {
            hello:function (){
                const test = () => {
                    console.log('-->',this);
                };

                test();
            }
        };

        obj2.hello();

        // new fn3();




    </script>
</head>
<body>

</body>
</html>
标签：

相关文章