前言

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

类笔记2

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

代码案例

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