react笔记之类笔记2

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

posted @ 2022-11-05 20:41 前端导师歌谣阅读(8) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· react笔记之类笔记

· react学习---类式组件

· react 复习-类的基本知识

· React学习第5天——类的复习

公告

昵称：前端导师歌谣
园龄： 7年3个月
粉丝： 9
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

前端导师歌谣的博客

微信公众号关注前端小歌谣每日分享前端知识

react笔记之类笔记2

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

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

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

微信公众号关注前端小歌谣每日分享前端知识