JavaScript (this指向问题)

m1by

已于 2023-04-18 17:52:29 修改

阅读量44

点赞数 1

文章标签： javascript 前端 es6

于 2023-04-18 17:48:39 首次发布

本文链接：https://blog.csdn.net/m0_62211690/article/details/130227536

版权

1. this的四种绑定方式

	1.默认绑定
	2.隐式绑定
	3.显式绑定
	4.new绑定

1.1 默认绑定

js默认绑定为window

1.2 隐式绑定

当一个函数的上下文是一个对象是this会指向该对象

1.3 显式绑定

call/apply/bind 这三种方法都能改变函数this的指向（第一个参数为this的指向）
call  传参的方式在后面接参数
apply 但传参的方式是在第二个参数中传入一个数组
bind  传参方式和call相同但是它并不会马上执行函数而是返回一个修改后的函数，需要调用后才能使用

1.4 new绑定

通过new 绑定时 ，new会创建一个空对象，this将会指向这个空对象，当没有显式返回非空对象时，默认返回这个对象。

2. this指向特例

2.1 内置函数this指向

内置函数默认指向this

2.2 显式绑定null/undefined

使用默认绑定

2.3 间接函数

使用默认绑定

2.4箭头函数

箭头函数没有this，向作用域外找this

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

m1by

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript (this指向问题)

一步到位完全认识this指向
复制链接

扫一扫

Javascript中this指向问题

Celester_best的博客

03-14

1756

普通函数时，this指向window <script> function test() { console.log('=== test this: ', this) } test() const test1 = function () { console.log('===test1 this: ', this) } test1() &

JavaScript This指向问题详解

10-15

以下是对`this`指向问题的详细解析： 1. **基本概念** - `this`的值在函数调用时确定，由函数调用方式决定。 - 在非严格模式下，如果函数在全局作用域中直接调用，`this`指向全局对象（在浏览器环境中即`window`...

参与评论您还未登录，请先登录后发表或查看评论

JavaScript中this指向问题

qq_42911663的博客

01-14

615

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定，this最终指向调用它的对象。 1.通过函数名直接调用，this指向window function func(){ console.log(this) } test() // this -&gt; window 2.函数作为window内置函数的回调函数调用，this指向window setTimeout(function ...

JavaScript中的this指向问题

weixin_43758377的博客

03-12

1177

JavaScript中的this是让很多开发者头疼的地方，而this关键字又是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。想要理解this，你可以先记住以下两点： 1：this永远指向一个对象； 2：this的指向完全取决于函数调用的位置；针对以上的第一点特别好理解，不管在什么地方使用this，它必然会指向某个对象；确定了第一点后，也引出了一个问题，就是this使用的地方到底在哪里，而第二点就解释了这个问题，但关键是在JavaScript语言之中，一切皆对象，运行环境也

JavaScript中this的指向

friend_ship的博客

12-30

740

this的指向大致可以分为以下4种：作为对象的方法调用。作为普通函数调用。构造器调用。 Function.prototype.call 或 Function.prototype.apply调用。

彻底理解JavaScript中this指向

猫老板的豆

11-09

1287

如果要判断一个运行中函数的 this 绑定，就需要找到这个函数的直接调用位置。找到之后new 调用：绑定到新创建的对象，注意：显示return函数或对象，返回值不是新创建的对象，而是显式返回的函数或对象。call、apply、bind调用：严格模式下，绑定到指定的第一个参数。非严格模式下，null和undefined，指向全局对象（浏览器中是window），其余值指向被new Object()包装的对象。对象上的函数调用：绑定到那个对象。普通函数调用。

JavaScriptAPI_this指向问题

热门推荐

JiuMeilove的博客

06-22

2万+

JavaScript中的this是让很多开发者头疼的地方，而this关键字又是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。想要理解this，你可以先记住以下两点：this永远指向一个对象；this的指向完全取决于函数调用的位置；第一点特别好理解，不管在什么地方使用this，它必然会指向某个对象；确定了第一点后，也引出了一个问题，就是this使用的地方到底在哪里，而第二点就解释了这个问题，但关键是在JavaScript语言之中，一切皆对象，运行环境也是对象，所以函数都是在某个

JavaScript原型对象this指向问题

m0_48375854的博客

11-16

1281

this指向一、this指向二、修改this指向1、call()方法2、apply()方法一、this指向构造函数中的this 指向实例对象。那么原型对象this的指向呢？如下： function Student(age,name){ this.age = age; this.name = name; } var that; Student.prototype.score = fun

关于JavaScript中this指向的详解

weixin_45939221的博客

11-23

1805

关于JavaScript中的this指向以及改变this的三种方法

JavaScript基础：this 指向问题

imagine_tion的博客

03-05

1023

一、常见错误理解 this是指向自身吗？特别是在函数中使用 this 的时候，this 是指的所在的这个函数对象吗？看下面示例： function test() { console.log(this.name) } test.name='aaaa' test() // '' 输出的是空字符串，因为此时 this 指向的是 window ，所以 this 并不是指向自身 this指向函数的作用域吗？ function test() { var name = 'bbbbb' conso.

JavaScript：this指向问题

胡图图的博客

03-30

1284

1. 全局作用域或普通函数中 this指向全局对象window 2. 方法（对象所有函数）谁调用，this就指向谁。 3. 构造函数 this指向构造函数的实例对象 4. 箭头函数当声明一个普通函数时，会定义一个this对象，指向当前函数所属运行环境。箭头函数没有this，所以在箭头函数中使用this时，会向外找，直到找到为止。仅个人理解，有误的地方还请大家指出。示例一： var o = { say(){ console.log(this); }, eat: (

javascript中this指向详解

10-22

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象，接下来我会深入的探讨这个问题。

Javascript 中 this指向

09-07

这时，this指向的是最后调用它的对象，在foo.fn()语句中，this指向的是foo对象。例题 4： ``` const student = { name: 'zhangsan', fn: function () { return this; } } console.log(student.fn() === ...

JavaScript中this的指向问题

01-08

以下是关于JavaScript中`this`指向问题的详细解析： 1. **默认绑定** 当一个函数没有明确的归属对象（即没有使用`.`操作符或`call`、`apply`、`bind`方法调用）时，`this`通常会指向全局对象。在浏览器环境中，...

更新商品前端接口编写

weixin_55639995的博客

07-12

405

那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。

Sortable.js板块拖拽示例

w11111xxxl的博客

07-14

753

ghostClass: 'blue-background-class' // 拖动时元素的样式类。group: 'shared', // 允许与其它具有相同组名的元素交互。-- 引入 Sortable.js 的 CSS 和 JS 文件 -->width: 150px;/* 减少宽度 */height: 70px;/* 设置高度 */-- 引入 Sortable.js 的 JS 文件 -->animation: 150, // 动画速度。// 初始化 Sortable。

JS+CSS特效：HTML+JS+CSS 实现精致的带二级菜单的头部菜单

uu0216的博客

07-16

512

既然a标签把它填满导致了原来的内圆角没有了，而去掉了a标签的背景色依然没有出现圆角。那么我不妨把第一行的两个菜单项和最后一行的两个菜单项写个圆角。这里利用子选择器实现。为了避免菜单项数量改变而导致样式的变化，需要把样式写在最后两个子列表项上，而不是第7和第8上面。所以，在最后两个列表项上，我们使用的 nth-last-child 而不是 nth-child。

vue 自定义滚动条同步拖动（移动端）

u014206461的博客

07-12

223

vue 自定义滚动条同步拖动（移动端）

vue搜索框过滤--- computed、watch区别

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交