react笔记之箭头函数2

最新推荐文章于 2024-10-31 17:31:40 发布

前端歌谣

最新推荐文章于 2024-10-31 17:31:40 发布

阅读量84

点赞数

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/qq_41632427/article/details/127406284

版权

React实战笔记记录-2022 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

<!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>