箭头函数的this 构造函数的this 全局环境下的this各是什么

最新推荐文章于 2024-04-29 10:42:46 发布
最新推荐文章于 2024-04-29 10:42:46 发布
阅读量94 收藏
点赞数
分类专栏： ES6 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43203982/article/details/117960170
版权

在非箭头函数下， this 指向调用其所在函数的对象，而且是离谁近就是指向谁（此对于常规对象，原型链， getter & setter等都适用）；
构造函数下，this与被创建的新对象绑定；DOM事件，this指向触发事件的元素；内联事件分两种情况，bind绑定， call & apply 方法等， 容以下一步一步讨论。箭头函数也会穿插其中进行讨论。

全局环境下

在全局环境下，this 始终指向全局对象（window）, 无论是否严格模式；
在这里插入图片描述

她说她说
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解JS构造函数中this和return
12-11
先看一段代码， function Foo(name,age){ this.name=name; this.age=age;...相对于普通函数，构造函数中的this是指向实例的，而普通函数调用中的this是指向windows的。 构造函数中如果加入了return的话
react技术全家桶（8）函数式组件
weixin_41380194的博客
01-17 588
组件的创建方式有两种：一种是基于函数式的组件 一种是基于类式的组件 函数式组件 函数就是： function demo(){} 组件定义就是要有html css js的组传一个大的模块功能 两个结合就是函数式组件: function demo(){ return 我是用函数定义的组件(使用与【简单组件】的定义) } 代码： //创建函数式组件 function demo(){ return 我是用函数定义的组件(使用与【简单组件】的定义) } //渲染组件到页面 ReactDOM.render(demo,d
箭头函数的使用规则及this详解（几句话讲懂箭头函数与this）
adminsir0的博客
08-23 181
js，this，箭头函数，函数，
全局环境中的this
web工程师——小发发
04-06 209
function a1(){ console.log(this) } function a2(){ 'use strict'; console.log(this) } a1() //window a2() //undefined 这种情况下比较简单直接，函数在浏览器全局环境直接被调用，非严格模式下this指向window，严格模式下use strict情况下指向undefined。 const foo ={ a:10, fn:function(...
普通函数、构造函数及箭头函数的this指向
bqiuer的博客
09-04 943
在JavaScript当中,有关this的指向一直都是初学者比较头疼的一个点,下面分享一些自己对这方面的理解,希望能够帮助到大家! 一、普通函数 对于普通函数:由于没有对象的或者实例的调用,这就相当于在全局当中打印this,所以this都是指向js的顶级对象window. 二、构造函数 在构造函数当中,我们只需要记住,this指向的是调用它的实例对象. 需要注意的一点,在严格模式下（设置了’use strict’），this就为undefined 上面的代码是创建一个基本的构造函数以及实例对象的过程
前端Vue：函数式组件
weixin_33854644的博客
05-07 9002
每天学习一个vue知识点呀 函数式组件特点： 没有管理任何状态 没有监听任何传递给它的状态 没有生命周期方法 它只是接收一些prop的函 我们将这样的组件标记为functional： 无状态 == 无响应式数据 无实例 == 无this上下文 函数式组件的优点： 渲染开销低，因为函数式组件只是函数； 函数式组件基本写法： { functional: true, // Prop...
C#使用this关键字实现串联构造函数调用方法
09-03
主要介绍了C#使用this关键字实现串联构造函数调用方法,实例分析了使用this关键字串联构造函数的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
java使用this调用构造函数的实现方法示例
08-25
主要介绍了java使用this调用构造函数的实现方法,结合实例形式分析了java面向对象程序设计中函数调用相关操作技巧,需要的朋友可以参考下
React事件绑定的几种方式对比
weixin_34348111的博客
09-22 316
React事件绑定 由于类的方法默认不会绑定this，因此在调用的时候如果忘记绑定，this的值将会是undefined。通常如果不是直接调用，应该为方法绑定this。绑定方式有以下几种： 1. 在构造函数中使用bind绑定this class Button extends React.Component { constructor(pr...
9.2 react组件 函数中this问题
web
09-03 301
文章目录组件react中的如何定义函数 组件 无状态组件(函数式组件) 无state属性 function Hello(props) { return <div>{props.name}</div> } ReactDOM.render(<Hello name='zs'/>, document.getElementById('root')); 有状态组件（类组件） 有state属性 class Hello extends React.Component {
React函数式组件和类式组件中的this问题
Lee_01的博客
05-22 504
React函数式组件和类式组件中的this问题
函数式组件个人理解
q850593913的博客
05-22 484
函数式组件个人理解 特征 不包含状态（没有响应式数据） · 状态 状态 = 变量/数据，指vue应用中某个模块的当前状态，比如侧边导航slide隐藏显示 // 只用在当前组件上 data(){ return{ slideShow:true } } // 用在多个组件上 const state={ slideShow:true } 没有实例 (没有 this 上下文) · 组件有实例的表现 <div id="app"> <test></test&
为什么React 函数式组件 的this是undefined？
qq_36054169的博客
05-20 2352
为什么函数式组件的this不指向window？ 因为这是经过Babel翻译的结果。 Babel是严格模式‘use strict’下进行的，不允许函数里的this指向window，所以这里指向undefined。
this 指向详细解析（箭头函数）
weixin_30568591的博客
06-20 1099
本文地址：http://www.cnblogs.com/dongcanliang/p/7054176.html 前言 this 指向问题是入坑前端必须了解知识点，现在迎来了ES6时代，因为箭头函数的出现，所以感觉有必要对 this 问题梳理一下，遂有此文 在非箭头函数下， this 指向调用其所在函数的对象，而且是离谁近就是指向谁（此对于常规对象，原型链， getter & setter等...
This 指向问题，闭包，箭头函数
weixin_42910765的博客
08-02 308
https://www.cnblogs.com/pssp/p/5216085.html 一、this指向 this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象 如果一个函数中有this，但是它没有被上一级的对象所调用，那么this指向的就是window，这里需要说明的是在js的严格版中this指向的不是window，但是我们这里不探讨严格版的问题 如果一个函数中有this，这个函数有被上一级的对象所调用，那么this指
vue快速入门（四十六）Router的安装与使用
不起眼小菜菜的博客
04-26 612
步骤很详细，直接上教程……
三、VUE数据代理
最新发布
D_A_I_H_A_O的博客
04-29 345
Vue中的数据代理：通过vm对象来代理data对象中属性的操作（读/写）
Vue项目中异步组件的引入使用
Niucode的博客
04-26 241
Vue项目中异步组件的引入使用
vue echarts 柱状图 堆叠柱状图
Z18834071903的博客
04-26 268
vue echarts 柱状图 堆叠柱状图
箭头函数外部this指向
05-13
如果箭头函数被定义在一个构造函数内，那么this就指向该构造函数的实例。需要注意的是，在箭头函数外部，this的具体指向取决于函数的调用方式。如果函数被作为全局函数调用，则this指向全局对象；如果函数被作为对象...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值