react笔记之箭头函数2

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

posted @ 2022-11-01 10:51 前端导师歌谣阅读(28) 评论(0) 编辑收藏举报

刷新页面返回顶部

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

相关博文：

· react笔记之箭头函数2

· react笔记之箭头函数1

· 7.箭头函数的实践

· 6.箭头函数

· vue中的箭头函数 =>

公告

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

+加关注

2025年3月

日

一

二

三

四

五

六

前端导师歌谣的博客

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

react笔记之箭头函数2

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

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

前端导师歌谣的博客

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

react笔记之箭头函数2

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

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