JavaScript中this的指向问题

简介: this的指向问题

this的指向问题
this是一个在运行时才进行绑定的引用,在不同的情况下它可能会被绑定不同的对象
this 永远指向最后调用它的那个对象

函数调用模式:当一个函数不是一个对象的属性,直接作为函数来调用时,this指向全局对象
方法调用模式:当一个函数作为一个对象的方法来调用时,this指向这个对象
构造器调用模式:如果一个函数使用new调用时,函数在执行前会创建一个新的对象,this就指向这个新的对象
如何改变this的指向?
使用ES6箭头函数,箭头函数不绑定this,箭头函数的this使用指向函数定义时的this
在函数内部定义一个变量_this保存this
使用 apply、call、bind
new 实例化一个对象
this绑定的优先级:new绑定优先级 > 显示绑定优先级 > 隐式绑定优先级 > 默认绑定优先级
this是一个在运行时才进行绑定的引用,在不同的情况下它可能会被绑定不同的对象
this 永远指向最后调用它的那个对象

函数调用模式:当一个函数不是一个对象的属性,直接作为函数来调用时,this指向全局对象
方法调用模式:当一个函数作为一个对象的方法来调用时,this指向这个对象
构造器调用模式:如果一个函数使用new调用时,函数在执行前会创建一个新的对象,this就指向这个新的对象
如何改变this的指向?
使用ES6箭头函数,箭头函数不绑定this,箭头函数的this使用指向函数定义时的this
在函数内部定义一个变量_this保存this
使用 apply、call、bind
new 实例化一个对象
this绑定的优先级:new绑定优先级 > 显示绑定优先级 > 隐式绑定优先级 > 默认绑定优先级

目录
相关文章
|
JavaScript
Javascript-this指向
Javascript-this指向
34 0
|
3月前
|
存储 JSON JavaScript
JavaScript 拷贝赋值
【8月更文挑战第19天】
|
3月前
|
JavaScript 前端开发
JavaScript中this指向问题
JavaScript中this指向问题
32 2
|
3月前
|
JavaScript 前端开发
每天一道面试题——JavaScript的this指向【一】
每天一道面试题——JavaScript的this指向【一】
57 0
|
6月前
|
JavaScript 前端开发
深入探索JavaScript:如何改变this的指向
深入探索JavaScript:如何改变this的指向
50 2
|
6月前
|
JavaScript 前端开发 开发者
解密JavaScript中this的指向问题
解密JavaScript中this的指向问题
179 2
|
6月前
|
JavaScript 前端开发
JavaScript中this的指向问题
JavaScript中this的指向问题
|
6月前
|
自然语言处理 JavaScript 前端开发
JavaScript中的this指向哪?
this可以说是前端开发中比较常见的一个关键字,由于其指向是在运行时才确定,所以大家在开发中判断其方向时也会很模糊,今天就把this的指向问题拆开了,揉碎了,好好讲一讲。
82 0
JavaScript中的this指向哪?
|
存储 JavaScript 前端开发
JavaScript|数组对象
JavaScript|数组对象
89 0
|
JavaScript 前端开发
JavaScript——this的指向问题
JavaScript——this的指向问题
84 0