this指向

最新推荐文章于 2024-08-16 19:02:09 发布
最新推荐文章于 2024-08-16 19:02:09 发布
阅读量64 收藏
点赞数
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cZzzz666/article/details/122220230
版权
这篇博客探讨了JavaScript中this关键字的指向规则，包括在浏览器环境中的默认指向、函数调用、构造函数以及箭头函数的情况。同时，文章讲解了如何通过bind、call和apply方法来改变this的指向，并举例说明了它们的使用方法。
摘要由CSDN通过智能技术生成

this指向 
谁调用就指向谁 
在浏览器中this指向window
函数中谁调用就是指向谁
构造函数中this指向new实例化对象 

箭头函数不会修改this指向
修改this指向 
bind apply call
fn1.bind(修改的指向)(1,2)  要调用的函数的参数在后面()里
fn1.call(修改的指向,1,2)   直接调用函数参数跟在后面
fn1.apply(修改的指向,[1,2])直接调用函数参数参数在数组里

cZzzz666
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Javascript 中 this指向
09-07
这时，this指向的是最后调用它的对象，在foo.fn()语句中，this指向的是foo对象。 例题 4： ``` const student = { name: 'zhangsan', fn: function () { return this; } } console.log(student.fn() === ...
javascript中this指向详解
10-22
// 输出"undefined"，因为this指向全局对象window，而window中没有name属性 sayName.apply(obj); // 输出"全局对象"，因为apply方法将this指向了obj对象 ``` 在了解了这些基本规则之后，对于更复杂的场景，比如在...
this指向全解
weixin_43365995的博客
04-11 1430
理解this，你要先记住以下两点： this永远指向一个对象 this的指向完全取决于函数调用的位置 接下来我们用代码的形式一 一举例介绍 var obj = { name:'王', fun:output } ​ var name = '赵'; function output(){ console.log(this.name); } ​ obj.fun(); // 王 output(); // 赵 上述代码中，fun函数被调用了两次，显而易见的是两次的结果是不一样的； obj.f
一文搞懂this指向
热门推荐
官方推荐
06-20 4万+
这句话已经成为面试官口中的高频面试题，作为前端开发的我们，你真的搞懂了 this 指向了吗？快来跟我一起来查漏补缺吧！通过几个小案例让大家更能直白的理解 this 指向。
JS中的this指向
m0_55990909的博客
05-13 3万+
this的概念： 在js中，this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。 在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。 普通函数：关于this，谁调用就指向谁，没有调用者，就指向全局对象window。 箭头函数：箭头函数的this指向于函数作用域所用的对象。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格
前端this指向详解
博哥的二进制世界
08-12 1596
前端this指向详解
如何改变this指向？this指向总结
小草莓的博客
05-04 1485
1、箭头函数中的 this 是在声明中就定义好了的，而普通函数中的 this 则是在调用时定义好的。2、基本上可以归为五类：① 全局this指向是window ② 普通函数this的指向是调用者③ 构造函数的this是new之后的新对象 ④ 箭头函数this的指向的是其父级指向⑤ call、 apply、bind的this指向的是第一个参数JavaScript 中的this用一句话来概括，就是在执行时确定的。
修改 this 指向
qq_36904182的博客
06-16 1045
文章目录前言一、new关键字改变this指向二、 call（）apply（）bind（）总结 前言 修改 this 指向,四种方法 一、new关键字改变this指向 //构造函数版this function Fn(){ this.user = "追梦子"; } var a = new Fn(); console.log(a.user); //追梦子 二、 call（） var a = { user:"追梦子", fn:function(){ console.lo
this 指向详解
L的博客
03-02 963
this指向详解
彻底理解JavaScript中this指向
猫老板的豆
11-09 1324
如果要判断一个运行中函数的 this 绑定， 就需要找到这个函数的直接调用位置。找到之后new 调用：绑定到新创建的对象，注意：显示return函数或对象，返回值不是新创建的对象，而是显式返回的函数或对象。call、apply、bind调用：严格模式下，绑定到指定的第一个参数。非严格模式下，null和undefined，指向全局对象（浏览器中是window），其余值指向被new Object()包装的对象。对象上的函数调用：绑定到那个对象。普通函数调用。
构造函数this指向
boysky0015的博客
04-17 4452
构造函数this指向
深入理解js函数的作用域与this指向
10-22
当函数以对象的方法形式定义时，函数内部的this指向调用它的对象。 函数的调用方式主要有直接调用、使用call/apply方法调用以及with语句。直接调用时，函数的this指向根据函数被调用的方式确定。在全局执行环境中...
js this指向
01-08
JavaScript this指向总结 在JavaScript中this永远指向当前函数的主人，即函数的调用对象或事件的调用对象，大致分为以下几种情况。 单独的this或者全局函数中的this指向window对象 console.log(this);//this => ...
this指向问题.md
09-02
this指向问题.md
微信小程序骨架屏
最新发布
djjdjdjdjddjjdjd的博客
08-16 213
⑤ 在onLoad 中页面加载前定义 isLoading.value=true, 在加载完后定义 isLoading.value=false.骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。① 在相应微信小程序页面右下角点生成骨架屏，左侧小程序目录会自动生成 .wxml 、.wxss 文件，⑥ 在生成骨架屏页面中 v-if="isLoading" v-else 定义显示与隐藏。
vue2前端阿里云oss服务端签名直传
weixin_74285634的博客
08-13 227
generatePresignedUrlApi是由后端提供的接口 来获取密钥。
【vue教程】五. Vue 的路由管理
前端探索者
08-13 1087
Vue Router 是 Vue 官方的路由管理器，用于构建单页面应用。它允许你通过 URL 来映射不同的组件，实现页面的动态加载和导航。路由守卫用于在路由跳转前后执行代码，可以用来检查用户认证状态、获取数据等。通过本篇文章，我们学习了 Vue Router 的基本概念、配置和使用，以及如何实现动态路由和嵌套路由。我们还探讨了路由守卫的概念，并提供了如何在 Vue 组件中使用它们的示例。这些知识点将帮助你构建一个功能完备的单页面应用。
playwright链接本地浏览器，实现自动登录。
qq_38880880的博客
08-12 170
【代码】playwright链接本地浏览器，实现自动登录。
JavaScript中的this指向详解
本文主要包含全局环境中的this指向、上下文对象调用中的this、事件绑定的元素改变this指向、箭头函数的this指向等内容。在JavaScript中，this关键字可以用在构造函数中，表示实例对象，也可以用在其他场合，但无论是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值