javascript 箭头函数的this指向

最新推荐文章于 2023-07-21 10:57:50 发布
最新推荐文章于 2023-07-21 10:57:50 发布
阅读量164 收藏
点赞数
分类专栏： Javascript 文章标签： javascript ES6 箭头函数 this
原文链接：https://blog.csdn.net/zhq2005095/article/details/70666833
版权

使用箭头函数时的注意事项

箭头函数有几个使用注意点。

  1. 函数体内的 this 对象，就是函数被定义时所在的对象，而不是使用时所在的对象（无法使用bind, apply修改）。

  2. 不可以当作构造函数，也就是说，不可以使用 new 命令，否则会抛出一个错误。（因为静态函数没有 prototype 对象。而 new 是利用函数 prototype 上的 constructor 来构建对象的）

  3. 不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以使用解构语法设计。

    let func = (...args) => {
	console.log(args);
}

  4. 不可以使用yield命令，因此箭头函数不能用作Generator函数。

JS-箭头函数中的this的指向

Novice-XiaoSong
关注
专栏目录
js中的箭头函数以及它的this指向
Bioye_的博客
05-27 626
箭头函数的5种形式 没有返回值的,没参数的 function a (){ console.log(111) } var a = () => console.log(111); a() 没有返回值的,有参数的 function a (name){ console.log(name) } var a = (name) => co
箭头函数this指向以及改变this指向的方法
何淑女的博客
10-30 5885
箭头函数this指向以及改变this指向的方法 call apply bind 总结 相同点： 都可以改变函数内部的this指向 不同点 ： 1.call和apply会调用函数,并且改变函数内部this的指向 2.call和apply传递的参数不一样,call传递参数aru1,aru2…形式 , apply必须数组形式 3.bind 不会调用函数,可以改变函数内部this指向 主要应用场景 1.call经常做继承 2.apply经常跟数组有关系,比如借助于数学对象实现数组最大值最小值 3.bind不调用函数
箭头函数中的this指向
ChpeShy的博客
04-01 7724
普通函数：this指向分为4种情况，1. obj.getName();//指向obj2.getName();//非严格模式下，指向window，严格模式下为undefined3. var a = new A();   a();//指向A本身4.getName().apply(obj);//指向obj箭头函数：箭头函数本身是没有this和arguments的，在箭头函数中引用this实际上是调用的是...
js箭头函数this的指向
璐先生的博客
04-11 942
箭头函数this指向最近作用域中的this 普通函数this指向调用他的对象， 箭头函数this指向最近作用域中的this（如果最近作用域没有this再向外一层一层的找直到找到最近的this） let obj = { aaa(){ console.log(this)//flag1:obj.aaa()所以this->obj setTimeout(function(){ console.log(this)//flag2：this->window setTimeout(funct
JS 箭头函数的this指向
weixin_45543674的博客
11-09 386
参考博文：嗨，你真的懂this吗？ 箭头函数是ES6中的新增特性，他没有自己的this，其this指向从外层代码库继承。 使用箭头函数时要注意一下几点： 箭头函数不能用作构造函数，用的话会抛出一个错误 无法使用arguments参数，如果要用的话就用rest 无法使用yield命令，所以箭头函数无法用作Generator函数 因为没有自己的this，所以没法通过bind、call、apply来改变this指向 箭头函数的this从外层代码库继承 字面量对象中直接定义的箭头函数的this不绑定该对象，而是往
js箭头函数/函数this指向
Canace_Xyxjjcaw的博客
10-13 5286
一、函数的this指向 this是每一个函数都 一定有的关键词 this本质上是一个对象数据结构 用于指向数据 通过this关键词，可以调用操作这个 数据 1、this指向window 声明式函数 匿名函数 定时器 延时器 forEach循环 2、this指向事件源 事件绑定中，事件处理函数 this指向默认是事件源，也就是绑定事件的标签对象 3、this指向数组/对象 数组/对象 中存...
ES6-箭头函数this指向
qq_43781887的博客
07-28 479
因为箭头函数是没有this指向的，所以在click事件里面的回调函数就没有this，它会去上一层init里面去找，init也是一个箭头函数也没有this指向又到Page，然后找定义Page对象的作用域链就是window。因为箭头函数是没有this指向的，所以在click事件里面的回调函数就没有this，它会去上一层init里面去找，init也是一个箭头函数也没有this指向又到Page，然后找定义Page对象的作用域链就是window。...
深入理解Javascript箭头函数中的this
10-20
总的来说，箭头函数是JavaScript中解决`this`指向问题的一种强大工具，它使得代码更简洁，但也要求开发者更加注意`this`的使用场景。在编写JavaScript代码时，理解并正确使用箭头函数对于提高代码质量和可维护性至关...
【JS】this 指向介绍（箭头函数）
m0_48982503的博客
01-07 850
由于箭头函数不绑定this， 它会捕获其所在（即定义的位置）上下文的this值， 作为自己的this值， 所以 call() / apply() / bind() 方法对于箭头函数来说只是传入参数，对它的 this 毫无影响。 考虑到 this 是词法层面上的，严格模式中与 this 相关的规则都将被忽略。（可以忽略是否在严格模式下的影响）
JavaScript箭头函数中的this详解
10-16
总之，JavaScript箭头函数的`this`值是固定的，它不会像普通函数那样根据调用方式动态改变。这种特性使得箭头函数在某些场景下更易于理解和使用，但也需要注意它可能导致的`this`行为差异，尤其是在涉及到对象方法和...
JavaScript箭头函数的this指向
weixin_42978759的博客
04-14 351
箭头函数没有this，箭头函数的this是继承父执行上下文里面的this。 父执行上下文通常是指箭头函数的父级普通函数。 普通函数的this指向是调用它的那个对象。 示例： https://es6.ruanyifeng.com/#docs/function#%E4%BD%BF%E7%94%A8%E6%B3%A8%E6%84%8F%E7%82%B9 ...
javascript箭头函数this指向
weixin_39745767的博客
10-23 274
在文档是这样写的： 函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 按照我的理解是，当一个对象被创建时，这个对象的this指向谁则函数里的this就指向谁； 下面我举个例子 let fn = { a:()=>{ console.log(1,this); }, b:function(){ console....
js学习-箭头函数中的this指向
qq_43762607的博客
04-11 282
箭头函数中的this是在定义函数的时候绑定，而不是在执行函数的时候绑定。 箭头函数中，this指向的固定化，并不是因为箭头函数内部有绑定this的机制，实际原因是箭头函数根本没有自己的this，导致内部的this就是外层代码块的this。 正是因为它没有this，所以也就不能用作构造函数。箭头函数中的this是在定义函数的时候绑定。 var x = 11; var obj = { x: 22, say: () => {
js中的this指向与箭头函数中的this指向
ygx_work的博客
04-16 201
普通this指向 function foo() { console.log(this)//window console.log(this.a)//123 } var a = 123 foo() 对于直接调用 foo 来说，不管 foo 函数被放在了什么地方，this 一定是 window function foo() { ...
箭头函数中的this究竟是什么鬼？
infotw的博客
06-19 942
摘要： 箭头函数极大地简化了this的取值规则。 普通函数与箭头函数 普通函数指的是用function定义的函数： var hello = function () { console.log("Hello, Fundebug!"); } 箭头函数指的是用=>定义的函数： var hello = () => { console.log("Hello, Fundebug!...
js箭头函数this指向
yuzheh521的博客
07-21 379
在上面的代码中，`MyClass` 是一个类，`myObj` 是该类的实例。在上面的代码中，`sayHello` 方法是一个箭头函数，它继承了类 `MyClass` 的上下文，因此 `this` 指向的是类的实例 `myObj`。在 JavaScript 中，类中的箭头函数的 `this` 指向的是定义该箭头函数的上下文，而不是运行时的上下文。当你在类中使用箭头函数时，箭头函数会继承外部作用域的 `this` 值，而不会创建自己的 `this`。这意味着 `this` 在方法中指向的是当前实例对象。
js 【详解】函数中的 this 指向
朝阳39的博客
02-23 4911
执行时谁在调用函数，就指向谁
JS箭头函数this指向问题
weixin_43895948的博客
04-20 326
JS箭头函数this指向问题 鄙人简单认为箭头函数中的this指向即为包含箭头函数的那个函数的指向 如有错误，望大牛们多多指教 参考以下文章 链接: https://zhuanlan.zhihu.com/p/57204184. ...
JS中this的指向，箭头函数this的指向
qq_43303102的博客
01-22 595
除箭头函数外函数的this在其执行时才被确定，指向其调用者。 1. 当函数作为方法被调用时指向它的调用者 例如 let obj = { a: 2, b: function() { console.log(this); console.log(this.a); } } let fn = obj.b; obj.b(); //obj 2 fn(); //window undefined 等价window.fn() 第一种情况下该函数是被obj对象调用的
箭头函数this指向
最新发布
08-26
箭头函数的 this 指向是在定义函数时确定的，而不是在运行时确定的。箭头函数没有自己的 this 绑定，它会继承外层作用域的 this 值。这意味着箭头函数内部的 this 与外部的 this 是一致的，与箭头函数被调用的方式无关。 相反，普通函数的 this 指向是在函数被调用时根据调用方式动态确定的。通常情况下，this 的值取决于调用函数的对象。 这是一个箭头函数和普通函数的示例来说明它们之间的差异： ```javascript const obj = { name: "C知道", arrowFunc: () => { console.log(this.name); // undefined }, regularFunc: function() { console.log(this.name); // C知道 } }; const arrowFunc = obj.arrowFunc; const regularFunc = obj.regularFunc; arrowFunc(); regularFunc(); ``` 在箭头函数中，this.name 打印出 undefined，因为箭头函数继承了外层作用域的 this（在此示例中为全局对象，即 Window 对象），而全局对象没有 name 属性。 而在普通函数中，this.name 打印出 "C知道"，因为它的 this 绑定是根据调用方式动态确定的，而在此示例中该函数是作为 obj 对象的方法调用的，所以 this 绑定到了 obj 对象。 总结起来，箭头函数的 this 是静态的，继承自外层作用域的 this；而普通函数的 this 是动态的，根据调用方式决定。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值