JavaScript中this指针学习整理

最新推荐文章于 2023-03-14 10:10:22 发布
原创 最新推荐文章于 2023-03-14 10:10:22 发布 · 185 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #javascript

JavaScript中this指针学习整理

1.以普通函数调用时

非严格模式下 this指向window

在这里插入图片描述

在这里插入图片描述

严格模式下 undefined

在这里插入图片描述

在这里插入图片描述

2.以方法形式调用时，this就是调用方法的对象

在这里插入图片描述

在这里插入图片描述

3.以构造函数的形式调用时，this是新创建的对象

在这里插入图片描述

在这里插入图片描述

4.call()、apply()调用 改变this指向

语法：

func.call([thisArg[, arg1, arg2, …argN]])

func.apply(thisArg, [argsArray])

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

call()、apply()方法可以从一个对象使用另一个对象方法，不必重写

5.箭头函数调用

在这里插入图片描述

在这里插入图片描述

因为 => 函数没有自己this，而是上下文中的this，也可以理解为上一级中的this

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

5.bind()方法绑定this

语法：let boundFunc = func.bind(thisArg[,arg1[,arg2[,…argN]]])

在这里插入图片描述

HarmonyOS Next开发学习手册——在应用中使用前端页面JavaScript
maniuT的博客
07-21 1362
在下面的示例中，应用侧页面中通过createWebMessagePorts方法创建消息端口，再把其中一个端口通过 postMessage() 接口发送到前端页面，便可以在前端页面和应用侧之间互相发送消息。开发者使用Web组件将应用侧代码注册到前端页面中，注册完成之后，前端页面中使用注册的对象名称就可以调用应用侧的函数，实现在前端页面中调用应用侧方法。在下面的示例中，将test()方法注册在前端页面中， 该函数可以在前端页面触发运行。通过 runJavaScript 调用前端页面函数。
JavaScript event对象整理及详细介绍
10-21
JavaScript中的event对象是事件处理机制的核心，它为开发者提供了处理事件所需的属性和方法。以下是对JavaScript event对象的详细介绍，包括其属性、方法以及在不同浏览器中的兼容性问题。 首先，event对象包含了...
深入认识JavaScript中的this指针
huxin1的专栏
11-06 758
    this指针是面向对象程序设计中的一项重要概念，它表示当前运行的对象。在实现对象的方法时，可以使用this指针来获得该对象自身的引用。　　和其他面向对象的语言不同，JavaScript中的this指针是一个动态的变量，一个方法内的this指针并不是始终指向定义该方法的对象的，在上一节讲函数的apply和call方法时已经有过这样的例子。为了方便理解，再来看下面的例子：代码片段
Javascript this指针详解
似水流年
06-05 7961
Javascript是一门基于对象的动态语言，也就是说，所有东西都是对象，一个很典型的例子就是函数也被视为普通的对象。Javascript 可以通过一定的设计模式来实现面向对象的编程，其中this “指针”就是实现面向对象的一个很重要的特性。但是this也是Javascript中一个非常容易理解错，进而用错的特性。特别是对于接触静态语言比较 久了的同志来说更是如此。 示例说明 我们先来看一
JavaScript的this指针
weixin_47863547的博客
03-22 508
一.普通函数this //单独使用 指向全局对象 window console.log(this);//window 1.方法调用形式 当函数被保存为一个对象的属性时，它就可称为这个对象的方法。当一个方法被调用时，this被绑定到这个对象上。如果调用表达式包含一个提取属性的动作（. 或 []），那么它被称为方法调用。 let person={ name:'liming', eat:function(){ console.log(t
JavaScript之this指针
simon的博客
05-07 538
文章目录this介绍this的绑定规则默认绑定隐式绑定显式绑定JS原生函数的this绑定规则new绑定绑定规则的优先级this番外忽略显式绑定间接函数引用箭头函数 this介绍 this在JavaScript中是一个关键字，用来代表上下文中的一个对象。因此this就是指向一个对象。 但是在不同的作用域中，this的指向就不同，在全局作用域中，this指向window console.log...
JavaScript中的this指针详解
不想学习的打工人的博客
03-14 652
this是 JavaScript 语言的一个关键字，它是函数运行时，在函数体内部自动生成的一个对象，只能在函数体内部使用。简而言之，this就是函数运行时所在的环境对象。
JavaScript中的this陷阱的最全收集并整理(没有之一)
10-20
在JavaScript中，this关键字是一个指向函数执行时的上下文的指针。它具体指向哪个对象取决于函数被调用的方式。这与Java中的this关键字不同，后者在Java中总是指向当前对象。 在浏览器中，全局范围内的this等价于...
前端Javascript相关面试基础问答整理md
02-26
- 引用类型的值并不直接存储在变量所在的栈内存中，而是存储在一个堆内存的位置，并且变量中保存的是指向这个位置的一个指针。 - 当将一个引用类型的值赋给另一个变量时，实际上是在复制该值的地址，而不是实际的值...
this指针和that指针的用法
最新发布
04-23
接下来，我需要整理C++中this指针的基本概念和用法。C++中的this是一个指向当前对象的指针，隐式存在于成员函数中，用于区分成员变量和局部变量，以及链式调用。需要举例说明，比如在构造函数或成员函数中使用this->...
JavaScript中的this指针
weixin_45818002的博客
02-26 340
文章目录1. 全局对象2. this3. apply和call 1. 全局对象 在说this之前，首先要知道，在JavaScript中，有一个默认是全局对象window。 例如，我们定义了一个全局作用域的变量x: var x = 'hello javascript'; 那么我们所定义的x实际为window.x。JavaScript中函数也是变量的一种。 2. this 如果在一个对象中，将对象中...
JavaScript this指针的理解
m0_64674611的博客
03-28 1536
一.this 指针的理解 借鉴参考http://www.cnblogs.com/kongxy/p/4581223.html this 是 js 的关键字，代表函数运行时，自动生成的一个内部对象。只能在函数内部使用。 this 指针至于函数的执行环境有关与声明环境无关 二.this 指针的四种调用方式 1.方法调用模式 当函数为一个对象属性的时候被称为方法， 当一个方法被调用时 this 绑定到这个对象上。如果被调用表达式有一个提取动作 点或者是[ ] 那么这样的就称之为方法调用模式。 <scri
js this指针
xuefeng860507的专栏
07-02 2187
this指针是面向对象程序设计中的一项重要概念，它表示当前运行的对象。在实现对象的方法时，可以使用this指针来获得该对象自身的引用。和传统意义的面向对象的语言不同，JavaScript 中的this 指针是一个动态的变量，一个方法内的this指针并不是始终指向定义该方法的对象的，在上一节讲函数的apply和call方法时已经有过这样的例子。为了方便大家理解，再来看下面的例子：从代码的执行
JS里有指针么?
weixin_34107955的博客
11-01 1063
提到 js 指针，其实我是懵圈儿的，准确来说，应该是没有的，引用倒是满天飞。不过下面的这个例子值得看看。 Are there pointers in javascript? No, JS doesn’t have pointers. Objects are passed around by passing a copy o...
JS中的this指针详解
Coder Ben's Writing
03-05 3946
原文地址：http://www.cnblogs.com/kongxy/p/4581223.html （内容根据自己理解，有改动）         JS中this关键字很常见，但是它似乎变幻莫测，让人抓狂。这篇文章就来揭示其中的奥秘。      借助阮一峰老师的话：它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。这句话看似平常，可是要非常注意三个字：“运行时”，这说明th
javascript指针
sang_zb的专栏
03-13 677
其实起这个题目不太好，有点标题党的嫌疑，这里不会介绍在js的世界中，内存中的堆和栈是怎么来存储对象和怎样相互引用的。。。 问题从一小段代码开始 function foo(){ console.log(1); foo=function(){ console.log(2) } } foo() //1 foo() //2脑图过一下貌似就是这两个结果，所以没有什么疑问 fu
第22篇 js中的this指针的用法
weixin_34204057的博客
11-17 236
前面把js的相关知识总结了下，今天把js中的上下文的this,对于强类型语言，this的用法非常的单一，因为他们没有js特有的动态绑定。 首先看下面代码： function funcA() { this.name = "hello"; console.log(this.name); this.show = function() { ...
js 中的this指针
m0_66397707的博客
03-30 893
this 指针 文章目录this 指针含义this 的指向模式函数调用一般函数调用构造函数 newbind() call() apply()对象的方法调用优先级规则 含义 -this 代表当前正在执行某个方法的对象，this 总是指向调用该方法的对象。 this 的指向模式 函数调用，在一个单纯的函数里面，this 的指向 window，因为是 window 调用的函数补： 构造函数 new 下调用，this 指向被构造的新对象 / appl，call bind 的调用，this 指向第一个参数 对象里的
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值