当前位置: 首页 > news >正文

this是指向的哪个全局变量,改变this指向的方法有几种?

在JavaScript中,this关键字指向当前执行上下文中的对象。它的具体指向取决于函数的调用方式。

改变this指向的方法有四种:

        1.使用call()方法:call()方法在调用函数时将指定的对象作为参数传递进去,从而改变函数的this指向。用法示例:

function greet() {console.log(`Hello, ${this.name}!`);
}const person = {name: 'Alice'
};greet.call(person); // 输出:Hello, Alice!

        2.使用apply()方法:apply()方法与call()类似,但是接受一个参数数组而不是独立的参数列表。用法示例:

function greet() {console.log(`Hello, ${this.name}!`);
}const person = {name: 'Bob'
};greet.apply(person); // 输出:Hello, Bob!

        3.使用bind()方法:bind()方法会创建一个新函数,并将指定的对象作为新函数的this值。用法示例:

function greet() {console.log(`Hello, ${this.name}!`);
}const person = {name: 'Carol'
};const greetPerson = greet.bind(person);
greetPerson(); // 输出:Hello, Carol!

        4.使用箭头函数:箭头函数没有自己的this值,而是继承外部作用域的this值。用法示例:

const person = {name: 'Dave',greet: () => {console.log(`Hello, ${this.name}!`);}
};person.greet(); // 输出:Hello, undefined!

这些方法可以根据需要灵活地改变函数中的this指向,以便在不同的上下文中使用相同的函数。

http://www.lryc.cn/news/224085.html

相关文章:

  • 电脑msvcp110.dll丢失怎么办,msvcp110.dll缺失的详细修复步骤
  • cookie 里面都包含什么属性?
  • LinuxMySql
  • 《微服务架构设计模式》之三:微服务架构中的进程通信
  • μC/OS-II---内核:任务调度
  • 小程序发成绩
  • tensorflow内存泄漏或模型只加载不运行
  • npm和yarn的一些命令
  • Linux开发工具之自动化构建工具-make/Makefile
  • UE5蓝图接口使用方法
  • vue动态修改css样式
  • 小解List的使用【C++】
  • 自动驾驶高效预训练--降低落地成本的新思路(AD-PT)
  • Spring笔记(四)(黑马)(web层解决方案-SpringMVC)
  • 企业如何实现高效运转?工单管理系统有什么特点和优势?
  • 工业摄像机参数计算
  • Android系统中设置TextView的行间距
  • 嵌入式养成计划-47----QT--基于QT的OpenCV库实现人脸识别功能
  • MySQL(12):MySQL数据类型
  • 哪款手机便签软件支持存储录音文件并支持转文字?
  • Health Kit申请验证有问题?解决方案全解析
  • 2007-2022年上市公司工业机器人渗透度数据
  • k8s基础环境部署
  • 家用工作站方案:ThinkBook 14 2023 版
  • 电脑篇——本地串口转TCP,TCP转虚拟串口,网络调试助手,串口调试助手
  • igbt好坏判断方法有哪些?万用表怎么测试igbt的好坏?
  • Android UI 开发·界面布局开发·案例分析
  • 2023-11-06 monetdb-事务-insert-delta缓存-分析
  • ubuntu 22.04 flameshot 截图异常的问题
  • 正点原子嵌入式linux驱动开发——Linux WIFI驱动