react笔记之类笔记2-天翼云

react笔记之类笔记2

2023-03-14 11:21:34 阅读次数：252

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

活动

应用商城

合作伙伴

开发者

支持与服务

了解天翼云

react笔记之类笔记2

react笔记之类笔记2

相关文章

第一个React程序

react笔记之类笔记

前端项目实战230-ant design 5.0 checkbox块级化

前端项目实战201-react改变样式

好客租房96-默认路由

好客租房76-setState方法说明（1更新数据）

好客租房92-路由的基本使用

好客租房83-组件性能优化（3减少不必要的渲染）

好客租房94-路由的执行过程

react笔记之完成meals组件

作者介绍

最新文章

react笔记之类笔记

前端项目实战230-ant design 5.0 checkbox块级化

前端项目实战201-react改变样式

好客租房77-setState方法说明（2推荐语法）

react笔记之完成meals组件

好客租房94-路由的执行过程

热门文章

React工作53:传参payload

react项目实战学习笔记-学习41-日期和按钮

react笔记之箭头函数2

react笔记之展开笔记

react笔记之学习之使用组件完成练习

react笔记之类笔记

热门标签

相关产品

弹性云主机

天翼云电脑（公众版）

对象存储

云硬盘

随机文章

好客租房156-封装顶部导航栏组件(3功能处理withRouter)

前端项目实战230-ant design 5.0 checkbox块级化

react18-学习笔记45-添加button样式

react笔记之学习之函数组件

好客租房24-react中的事件处理(事件绑定)

前端项目实战214-react实现移动端控制界面设置