react笔记之类笔记2

最新推荐文章于 2024-09-29 22:15:05 发布

前端歌谣

最新推荐文章于 2024-09-29 22:15:05 发布

阅读量54

点赞数

文章标签： react.js javascript 前端

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

版权

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

32 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>类</title>
    <script>
        class MyClass{

            constructor() {
                // this.fn = this.fn.bind(this); 将fn方法的this绑定为当前实例
            }
            /*
            *   类中的所有代码都会在严格模式下执行
            *       严格模式下其中一个特点就是，函数的this不在是window，而是undefined
            *
            *   注意：
            *       在类中方法的this不是固定的
            *           以方法形式调用时，this就是当前的实例
            *           以函数形式调用，this是undefined
            *       在开发时，在有些场景下，我们希望方法中的this是固定的，不会因调用方式不同而改变
            *           如果遇到上述需求，可以使用箭头函数来定义类中的方法
            *           如果类中的方法是以箭头函数定义的，则方法中的this恒为当前实例，不会改变
            *
            * */

            // fn(){
            //     console.log('-->',this);
            // }

            fn = () => {
                console.log('-->',this);
            };

        }

        const mc = new MyClass();


        const test = mc.fn;

        mc.fn(); // mc
        test(); // undefined

        const fn2 = function (){
            console.log(this);
        };

        // fn2();


    </script>
</head>
<body>

</body>
</html>