js有关this的内容

最新推荐文章于 2023-02-09 12:54:59 发布
最新推荐文章于 2023-02-09 12:54:59 发布
阅读量127 收藏
点赞数
分类专栏： # javascript基础知识
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25503949/article/details/107211044
版权

js有关this的内容

1》作为普通函数
2》使用call apply bind
3》作为对象方法被调用
4》在class方法中调用
5》箭头函数

注意：
this取什么值，是在函数执行时确认的，不是在函数定义的时候确认的

一.
在这里插入图片描述
call和bind都能改变this指向，但是bind要重新返回新的函数，再重新执行

二.
在这里插入图片描述
这里的setTimeout中的this，是本身的执行而不是张三执行的，相当于普通函数，所以这里面的this指向window

三.
在这里插入图片描述
这里的setTimeout里面的箭头函数被setTimeout触发，箭头函数总是取上级作用域的this

四.
在这里插入图片描述
类里面的this 都是指实例对象

啵雨的博客
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中的this
weixin_41682025的博客
11-30 102
1.隐式绑定 如果函数调用时，前面存在调用它的对象，那么this就会隐式绑定到这个对象上 function fn() { console.log(this.name); }; let obj = { name: '123', func: fn }; obj.func() //123 如果函数调用前存在多个对象，this指向距离调用自己最近的对象 function fn() { console.log(this.name); }; let obj = { na
js的内容
XYX153的博客
08-11 292
/ 参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/this。// 当访问子类实例的属性时，js先会从子类实例中查找是否存在该属性，若不存在则向其原型中查找是否存在该属性，若不存在就继续从原型的原型中查找，直到查到或找不到为止。// 循环嵌套（两层（重）循环），外层循环没执行一次，内层的循环要全部执行一遍，总的执行次数是外层次数乘以内层次数。//如果对象的属性是个变量，用[]来读取属性的值。....
js的函数调用this指向问题
小羊羔的博客
07-21 434
js的函数调用 1.作为函数方法调用函数 在 JavaScript 中, 函数是对象。JavaScript 函数有它的属性和方法。 call() 和 apply() 是预定义的函数方法。 两个方法可用于调用函数，两个方法的第一个参数必须是对象本身。this指向函数的本身 function myFunction(a, b) { console.log(a*b); } ...
JS学习笔记三
liuqinhou的博客
02-09 389
js基础
彻底理解js中this的指向，不必硬背。
每天多一点干货
03-06 474
原文地址：https://www.cnblogs.com/pssp/p/5216085.html
彻底弄懂js中的this指向
花神的博客
04-03 5万+
js中的this指向十分重要，了解js中this指向是每一个学习js的人必学的知识点，今天没事，正好总结了js中this的常见用法，喜欢的可以看看： 全局环境中this指向window。 有以下几种常用常见 //直接打印 console.log(this) //window//function声明函数 function bar () {console.log(this)} bar() //wind
this关键字的三种用法
追梦的女孩博客
07-18 493
this关键字：访问本类内容。 package cn.ly.Day.seven.eighteen; public class Fu { int num=30; } package cn.ly.Day.seven.eighteen; /* * super关键字用来访问父类内容，而this关键字用来访问本类内容 *用法： * 1.在本类的成员方法中，访问本类的成员变量。 * 2.在本类的成员方法中，访问本类的另一个成员方法 * 3.在本类的构造方法，访问本类的另一个构造方法。 *在第三种用法当中
js中this用法实例详解
12-12
本文实例讲述了js中this用法。分享给大家供大家参考。具体如下： 1. 指向window 全局变量 alert(this) //返回 [object Window] 全局函数 function sayHello(){ alert(this); } sayHello(); 2. ...
浅谈JavaScript 中的this
01-08
JavaScript中的`this`关键字是语言的核心特性之一，用于在函数执行时引用当前上下文的对象。理解`this`的工作原理对于编写高效和可维护的JavaScript代码至关重要。以下是对`this`的详细阐述： 1. **`this`是什么？*...
js this 绑定机制深入详解
11-21
JavaScript中的`this`绑定机制是JavaScript语言中一个关键的概念，它决定了函数内部的`this`关键字引用的对象。在JavaScript中，`this`的值不是在函数定义时确定的，而是在函数被调用时根据调用位置动态决定的。本文...
JavaScript this使用方法图解
11-21
在JavaScript中，`this`关键字是一个非常重要的概念，它用于引用当前执行上下文中的对象。理解`this`的使用方法是深入学习JavaScript的关键。本文将详细介绍`this`的几种常见用法，帮助开发者更好地掌握这一核心特性...
JavaScript中的this使用详解
10-21
this是javascript的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。今天我们就来详细探讨下this的使用
js闭包及常见的应用场景
热门推荐
qq_25503949的博客
07-08 9万+
js闭包 这两个例子返回值都是100 因为 所有的（闭包）自由变量的查找，是在函数定义的地方，向上级作用域查找 不是在执行的地方！！！
js异步和同步的区别
qq_25503949的博客
07-09 3004
js异步和同步的区别 一.单线程和异步： dom渲染中js必须停止，js进行过程中dom渲染必须停止 单线程是异步出现的一个背景 二.异步和同步： 异步的例子，在定时器1s内，会输出300 而在同步中，200的警示框必须点击确定后才能输出300 ...
js异步常见的使用场景
qq_25503949的博客
07-09 2855
js异步常见的使用场景 （onload事件，在图片加载完成后执行） 因为setTimeout是在载入后延迟指定时间后,去执行一次表达zhi式,记住,次数是一次 而setInterval则不一样,它从载入后,每隔指定的时间就执行一次表达式 ...
js小练习：js实现button点击之后60秒后才可以再次点击
qq_25503949的博客
07-09 766
js小练习：js实现button点击之后60秒后才可以再次点击（验证码） html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
js变量计算---类型转换
qq_25503949的博客
07-05 304
js变量计算（一）类型转换 一.字符串拼接 其它值类型与字符串相加，会将其自动转换成字符串的格式后，再相加 二. ==运算符 会将等式两边的类型自动转换成同类的格式再比较 在日常进行判断中 三. if语句和逻辑运算 （一）truly变量和falsely变量 经过两次非运行得到true值的是 truly变量，得到false值得是falsely变量 （二）if语句 js的if语句（）中判断是不是truly和falsely变量 若是truly变量最运行if包含的语句 与c语言if语句（）判断true和f
js变量类型（一）值类型和引用类型
qq_25503949的博客
07-05 244
js变量类型（一）值类型和引用类型 一.值类型存储： 值类型存储在栈中，赋值后互不影响 二.引用类型储存： 引用类型既与栈有关又与堆有关，由于共用一个内存地址，所以两者的值相互影响 三.常见的值类型： 第一行 const a 应该改为let a 这时候结果为undefined 若是const的话，则会报错 四.常见的引用类型： ...
js--用class类手写简易jquery考虑插件和扩展性
qq_25503949的博客
07-07 242
js–用class类手写简易jquery考虑插件和扩展性 class jQuery { constructor(selector) { const result = document.querySelectorAll(selector) const length = result.length for (let i = 0; i < length; i++) { this[i] = result[i] }
js使用this追加内容
最新发布
06-08
在 JavaScript 中，可以使用 this 关键字来引用当前对象，并在该对象上执行方法。如果要向当前对象中追加内容，可以使用以下代码： ```javascript this.innerHTML += "追加的内容"; ``` 其中，innerHTML 是当前...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值