this的改变方式

最新推荐文章于 2024-07-16 17:56:11 发布
最新推荐文章于 2024-07-16 17:56:11 发布
阅读量288 收藏
点赞数 7
文章标签： javascript 前端 es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhihua1231/article/details/138091734
版权

this指的是当前代码执行的上下文

1、声明全局变量挂载在window上 全局变量里面指向的是window

2、普通函数的this是执行的时候绑定this 箭头函数是声明的时候绑定this

es6提供了箭头函数，箭头函数里面的this指向是声明的当前上下文环境，并且不可该变this

改变this指向的三个方法的区别:apply call bind
    apply 改变this指向并立即执行函数 参数是以数组形式的
    call 改变this指向并立即执行函数 参数是以逗号分隔
    bind 语法和call 一样  但是改变不会立即执行

消逝的轩鹤
关注
  • 7
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android 改变Activity切换方式
09-26
总之，Android提供了多种方式来改变Activity的切换方式，包括使用Intent Flag、调整Activity的launchMode以及利用ActivityOptions实现过渡动画。开发者可以根据应用场景灵活选择，以打造独特且流畅的用户导航体验。...
js中this的绑定情况以及如何改变this的指向
01-08
正确理解`this`的工作方式和如何改变它的指向，可以帮助开发者避免许多常见的JavaScript陷阱。例如，使用箭头函数可以防止`this`的隐式绑定，因为箭头函数的`this`值继承自父级作用域，而不是在其内部动态绑定。 ...
改变this指向的三种方式
m0_63679126的博客
04-17 2714
改变this指向的三种方法
javaScript改变this指向的三种方法
weixin_51938803的博客
02-20 1566
javaScript改变this指向的三种方法
改变this指向的三种方法
qq_43858258的博客
11-10 2911
1、call();可以调用函数，可以改变this指向，还可以继承类 2、apply();以伪数组形式存放 3、bind();开发使用最多，不会调用函数，改变指向但是不会立即调用函数 应用 function fater
this指向和改变其指向的方法
w1998725的博客
02-18 2781
this笔记(仅作为个人学习使用) 1、this 的指向 在 ES5 中，其实 this 的指向，始终坚持一个原理：this 永远指向最后调用它的那个对象。 下面这个例子，这里的 a() 是被window调用的,所以这里的this指向就是window。 var name = "windowsName"; function a() { var name = "Cherry"; console.log(this.name); // window
JavaScript改变this指向的三种方法
m0_65569793的博客
05-03 7318
1.call() 方法 call()可以改变函数内的this 指向，可以调用函数 <script> function Person() { this.name = 'kobe'; this.sex = '男'; this.age = '41' } function Star(name,sex,age) { Person.call(th..
JS中改变this指向的方法(call和apply、bind)
10-22
在JavaScript中，`this`关键字是一个非常重要的概念，它的值会根据函数的调用方式而改变。`this`通常指向调用函数的对象，但在不同情况下，我们可能需要手动改变`this`的指向，以满足特定的编程需求。本文将详细介绍...
this的那些事
01-08
理解`this`的工作方式对于编写高效的JavaScript代码至关重要。`this`并不指向函数本身，也不指向函数定义的位置，而是根据函数被调用的方式在运行时动态决定其指向。 首先，`this`的指向在执行上下文创建时确定。...
浅谈函数调用的不同方式,以及this的指向
08-29
4. **apply()和call()方法**：这两个函数允许我们改变`this`的指向，`apply()`接收一个对象和一个参数数组，而`call()`接收一个对象和按顺序传递的参数。它们常用于函数回调，确保函数的执行环境按照预期设置。 接...
【JavaScript 报错】未捕获的URI错误：Uncaught URIError
Allen-
07-11 679
Uncaught URIError 是JavaScript中常见的一种错误，通常发生在全局URI处理函数（如 decodeURIComponent、encodeURIComponent）使用不当时。本文将详细介绍 Uncaught URIError 错误的常见原因及其解决方案。
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。
更新商品前端接口编写
weixin_55639995的博客
07-12 400
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
vue解决页面放大图片模糊的问题
m0_56104994的博客
07-12 306
解决页面放大，图片模糊的问题
JS+CSS特效：HTML+JS+CSS 实现精致的带二级菜单的头部菜单
uu0216的博客
07-16 406
既然a标签把它填满导致了原来的内圆角没有了，而去掉了a标签的背景色依然没有出现圆角。那么我不妨把第一行的两个菜单项和最后一行的两个菜单项写个圆角。这里利用子选择器实现。为了避免菜单项数量改变而导致样式的变化，需要把样式写在最后两个子列表项上，而不是第7和第8上面。所以，在最后两个列表项上，我们使用的 nth-last-child 而不是 nth-child。
docker将Java、vue、nginx打进镜像（涉及容器打成镜像）
qq_37752382的博客
07-15 477
按照上文拉取centos7，然后将需要的东西直接打进脚本，这样最简单，但是在拉取过程中，初始镜像contos7安装nginx需要安装一些工具包，拉取的时候报错了，原因还是在镜像源上，并且还想在上面装一些工具，另外创建容器不应该在里面做很多初始化的东西，每次更新业务包就行，4）准备文件完成后执行下面的就行（如果配置文件不对，比如nginx的配置等先进入镜像手动调整好，没问题了，再删除掉容器和镜像重新制作镜像即可）本文不讲安装docker,安装好安装，镜像源稍微麻烦点。1）生成镜像并创建容器。
vue 自定义滚动条同步拖动（移动端）
u014206461的博客
07-12 220
vue 自定义滚动条同步拖动（移动端）
商品详情使用富文本编辑器
m0_74356429的博客
07-13 163
2、因为好多页面都需要用到，封装富文本编辑器组件。3、在商品编辑和商品添加页面添加富文本编辑器。Editor.vue代码。
vue搜索框过滤--- computed、watch区别
最新发布
学习笔记分享给大家
07-16 239
计算属性computed适用于需要基于其他数据动态变化，并且需要缓存的场景。侦听器watch适用于需要响应数据变化，执行异步或开销较大操作的场景。方法methods适用于定义组件的具体行为，包括事件处理和业务逻辑等。
改变this指向
05-24
在 JavaScript 中，可以使用 `call()`、`apply()` 或 `bind()` 方法来改变函数的 `this` 指向。 `call()` 方法接收一个指定的 `this` 值和一组参数列表，然后调用该函数。例如，下面的例子将 `this` 指向 `obj` 对象： ``` function sayHello() { console.log(`Hello, ${this.name}!`); } const obj = { name: 'Alice' }; sayHello.call(obj); // 输出 "Hello, Alice!" ``` `apply()` 方法也是改变 `this` 指向的一种方式，但它接收一个数组作为参数列表。例如，下面的例子与上面的例子类似，但是使用了 `apply()` 方法： ``` function sayHello() { console.log(`Hello, ${this.name}!`); } const obj = { name: 'Alice' }; sayHello.apply(obj); // 输出 "Hello, Alice!" ``` `bind()` 方法返回一个新函数，该函数的 `this` 值被绑定到指定的对象。例如，下面的例子创建一个新函数 `sayHelloToBob`，它的 `this` 值被绑定到 `obj` 对象： ``` function sayHello() { console.log(`Hello, ${this.name}!`); } const obj = { name: 'Alice' }; const sayHelloToBob = sayHello.bind(obj); sayHelloToBob(); // 输出 "Hello, Alice!" ```

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值