首页 > 编程语言 >JavaScript修改this指向

JavaScript修改this指向

时间:2023-01-12 16:34:00浏览次数:45  
标签:old name 指向 gender JavaScript 修改 let obj call

修改this指向涉及到的方法:

bind、call、apply

 

bind说明:调用之后不会直接请求目标函数,而是会返回一个修改了this指向的函数,用于后面调用

function fun(old, gender) {
    console.log(this.name, old, gender)//"张三",12,"男"
}
let obj = {
    name: '张三'
}
let newfun = fun.bind(obj, 12)
newfun("男")

 

 

call说明:函数体调用call函数会直接请求目标函数,call里面用逗号方式传参

function fun1(old, gender) {
    console.log(this.name, old, gender)//"张三",30,"女"
}
let obj = {
    name: '张三'
}

let newfun = fun1.call(obj,30,'女')

 

 

apply说明:函数体调用apply函数会直接请求目标函数,call里面用数组方式传参

function fun1(old, gender) {
    console.log(this.name, old, gender)// "张三",30,"女"
}
let obj = {
    name: '张三'
}

let newfun = fun1.apply(obj, [30, '女'])

 

标签:old,name,指向,gender,JavaScript,修改,let,obj,call
From: https://www.cnblogs.com/mesmerize/p/17047031.html

相关文章

  • Oracle修改实例名
    只需要修改环境变量ORACLE_ID,口令文件及参数文件的名称即可关闭数据库、停止实例SQL>shutdownimmediateDatabaseclosed.Databasedismounted.ORACLEinstanc......
  • 使用 HTML、CSS 和 JavaScript 制作的随机密码生成器
    ----上图  ------MVC创建的视图,视图名称为A@{Layout=null;}<!DOCTYPEhtml><styletype="text/css">*{margin:0;padding:0;......
  • 怎么修改CAD图块中的文字?
    CAD图块中的文字可以分为两种:一种是普通文字,另一种是属性文字。属性文字可以双击直接在增强属性编辑器中修改,但要修改CAD图块中的普通文字,如果没有工具插件的话,只能通过参......
  • 【收藏】不可错过的javascript迷你库
    最近看着下自己的githubstar,把我吓坏了,手贱党,收藏癖的我都收藏了300+个仓库了,是时候整理一下了。Unix主张kiss,小而美被实践是最好用的,本文将介绍笔者收集的一些非常赞的......
  • JavaScript的深拷贝实现
    在实际开发当中,我们经常会遇到要对对象进行深拷贝的情况。而且深拷贝这个问题在面试过程中也经常会遇到,下面就对本人在学习过程中的收获,做以简单的总结。什么是浅拷贝,什么是......
  • 在h5和微信小程序中修改checkbox、radia的样式
    由于引用了colorUI导致checbox的样式修改无效,因为colorUI的原因导致checkbox.uni-checkbox-input::before不显示。colorUI的main.css:switch.wx-switch-input::before,......
  • javaScript教程
    一、发展历程javaScript是Netscape为了解决互联网初期网速过慢,而导致用户体验差而诞生的用在客户端语言。比如一次用户输入提交等待几十秒后,服务器悠哉悠哉的返回了个‘x......
  • javascript集合的使用 new Set()使用
        参考:https://blog.csdn.net/weixin_52941842/article/details/126338193......
  • JavaScript中数组的概念以及创建
     先给大家分享一些JavaScript的相关资料: ​​认识JavaScript到初体验​​​​JavaScript注释以及输入输出语句​​​​JavaScript变量的使用、语法扩展、命名规范​​​......
  • 案例方式学习JavaScript双重for循环
    先给大家分享一些JavaScript的相关资料: ​​认识JavaScript到初体验​​​​JavaScript注释以及输入输出语句​​​​JavaScript变量的使用、语法扩展、命名规范​​​​......