call apply bind 修改this指向的区别

javascript 复制代码
  var obj1 = {
        name: 'zhang',
        getName() {
            console.log(this.name)
        }
    }
    var obj2 = {
        name: 'list',
        getName() {
            console.log(this.name)
        }
    }
    obj1.getName.call(obj2)  //list
    obj1.getName.apply(obj2)  //list
    obj1.getName.bind(obj2)  //  
    obj2.getName()           //list

call 改变this,自动执行函数,

apply 改变this,自动执行函数,第二个参数开始:将原函数的参数放在一个数组中

bind 改变this,手动加括号执行函数(),不会自动执行

相关推荐
希希不嘻嘻~傻希希10 分钟前
CSS 字体与文本样式笔记
开发语言·前端·javascript·css·ecmascript
石小石Orz31 分钟前
分享10个吊炸天的油猴脚本,2025最新!
前端
爷_1 小时前
Nest.js 最佳实践:异步上下文(Context)实现自动填充
前端·javascript·后端
爱上妖精的尾巴1 小时前
3-19 WPS JS宏调用工作表函数(JS 宏与工作表函数双剑合壁)学习笔记
服务器·前端·javascript·wps·js宏·jsa
草履虫建模2 小时前
Web开发全栈流程 - Spring boot +Vue 前后端分离
java·前端·vue.js·spring boot·阿里云·elementui·mybatis
—Qeyser2 小时前
让 Deepseek 写电器电费计算器(html版本)
前端·javascript·css·html·deepseek
UI设计和前端开发从业者2 小时前
从UI前端到数字孪生:构建数据驱动的智能生态系统
前端·ui
Junerver3 小时前
Kotlin 2.1.0的新改进带来哪些改变
前端·kotlin
千百元4 小时前
jenkins打包问题jar问题
前端
喝拿铁写前端4 小时前
前端批量校验还能这么写?函数式校验器组合太香了!
前端·javascript·架构