JS中this对象

最新推荐文章于 2022-04-24 16:10:08 发布
置顶 最新推荐文章于 2022-04-24 16:10:08 发布
阅读量242 收藏
点赞数
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y_hh_/article/details/107702167
版权
本文介绍了JavaScript中动态的this对象，包括默认绑定、隐式绑定、显示绑定、new关键字的绑定以及箭头函数中的特殊情况。详细阐述了不同场景下this的指向，并提供了相关示例进行说明。
摘要由CSDN通过智能技术生成

简述

在JS中也有this对象，但与其他的面向对象语言相比，JS中的this 是动态的，它会根据你调用的位置，以及一些绑定规则绑定this对象。
举个例子：

function foo(){
   
  console.log(this.a);
}
let obj = {
   
  test:foo
};
a = 20;
obj.a = 10;
obj
最低0.47元/天 解锁文章
y_hh_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS面向对象之this
HGYYR的博客
10-15 206
JS面向对象之this。
js中this对象用法分析
11-29
在JavaScript中，`this`对象是一个非常关键的概念，它用于标识函数执行时的上下文，即函数被哪个对象调用。`this`的值不是在函数定义时确定，而是在函数执行时根据函数的调用方式动态绑定。下面将详细讨论几种常见的...
JS中的this对象详解
weixin_30526593的博客
06-16 172
JS中this关键字很常见，但是它似乎变幻莫测，让人抓狂。这篇文章就来揭示其中的奥秘。 借助阮一峰老师的话：它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。这句话看似平常，可是要非常注意三个字：“运行时”，这说明this关键字只与函数的执行环境有关，而与声明环境没有关系。也就是这个this到底代表的是什么对象要等到函数运行时才知道，有点类似函数定义时的参...
js的this对象
Venus_j的博客
08-08 420
四种JS中函数调用方式中this对象的指向问题
JS 关于this对象
疏狂吧
07-30 701
首先：在函数中this 到底取何值，是在函数真正被调用执行的时候确定的，函数定义的时候确定不了。 1.构造函数 如果函数作为构造函数用，那么它里面的 this 就代表它将要 new 出来的的对象 function A(){ this.name="xiaoming"; this.age="7"; console.log(this); //结果：A {name: &a
JS中this上下文对象使用方式
10-21
JavaScript中的this关键字是极为重要的一部分，它指向函数执行的上下文对象。由于JavaScript是一门基于原型的动态语言，其函数的调用方式对this的指向有着直接的影响。在不同的上下文中，this可能指向不同的对象，...
JavaScript中arguments和this对象用法分析
10-18
理解JavaScript中的arguments和this对象对于编写有效的代码是非常重要的。掌握它们的用法可以帮助开发者避免常见的错误，并能够更灵活地处理函数参数和上下文环境。在实际开发中，我们应当充分了解和利用这些特性来...
JAVASCRIPT THIS详解 面向对象
10-30
本文将深入探讨JavaScript中`this`关键字的多种使用场景，并对比其他面向对象语言中的`this`。 首先，了解`this`在传统的面向对象编程语言中的用途。在C++、C#、Java等语言中，`this`关键字被用于指向当前对象的...
js中的this对象
qq_43143902的博客
11-17 347
this总是返回一个对象，简单说，就是返回属性或方法“当前所在的对象”。在全局环境中使用this，它指的就是顶层对象window。代码如下： 面向对象中的构造函数内部的this都指向了实例化的对象，代码如下： 为构造函数动态传参，代码如下： ...
解析 js 中的 this 对象
剑雪封喉
01-10 699
前言 （平时写一些前端技术相关的文章，希望喜欢的同学可以点个赞和收藏） 进入正题，this对象在js中是很常见，但是在这里也经常会出错，本文将对常见的this对象的情况做一些总结 正文 this对象是在函数运行时，基于函数的执行环境绑定的。 其实这句话的本质就是，谁调用了函数，this就指向谁 具体的来说，通常有以下几种情况： 全局函数 在全局环境中，t
js中this对象理解
赶路人儿
12-30 3769
JavaScript中的this总是让人迷惑，应该是js众所周知的坑之一。个人也觉得js中的this不是一个好的设计，由于this晚绑定的特性，它可以是全局对象，当前对象，或者…有人甚至因为坑大而不用this。其实如果完全掌握了this的工作原理，自然就不会走进这些坑。来看下以下这些情况中的this分别会指向什么： 1，全局代码中的this [javascript] v
JS中的this对象
一位不愿意透露姓名的网友博客
05-31 121
在JS中调用函数的模式可以分为4种： 方法调用模式、函数调用模式、构造器调用模式、apply调用模式。 一、方法调用模式 如下： var obj = { name: "123", sayName: function() { console.log(this.name); } }; obj.sayName(); //123 函数作为对象的一个属性，调用时this指向这个对象。 二、函数调用模式 如下： function sayName() { con
JS面向对象中this关键字
weixin_46156304的博客
11-01 611
this关键字 this是什么 this关键字是JavaScript中最复杂的机制之一。它是一个很特殊的关键字，被自动定义在所有函数的作用域中。但是即使是非常有经验的JavaScript开发者也很难说清它到底指向什么。 实际上，JavaScript中this的机制并没有那么先进，但是开发者往往会把理解过程复杂化。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。 this都有一个共同点，它总是返回一个对象。简单说，this就是属性或方法“当前”所在的对象。 为什么使用this this提供了一种更优雅
js中this对象 及其作用
你若成风，我则化雨
05-29 1108
this对象 this对象在js中是一个特殊的存在 它总是指向它所属的对象，它拥有的不同的值取决于它的不同的位置，一般情况下有一下几种： 在方法中this所指的是其所有者的对象，一般用来建造构造函数。 在单独使用的情况下，this一般指的全局对象，一般都是浏览器对象window。 在函数中 this指...
js中对象this注意细节
石头也有呆毛~~
07-27 581
function Person(){ var name ="abc";//私有的，只能在内部使用 var age = 90;//私有的，只能在内部使用 this.name2 = "abc2"; this.show=function(){ //如果你一定要访问私有属性，则需要定义一个公开的方法（特权方法） windows.alert(name+" "+age); } function
浅谈一下javascript中的this对象
qq_64454072的博客
04-24 1374
this是什么？ this关键字是函数运行时自动生成的一个内部对象，也被称作为环境对象，只能在函数内部使用。谁‘调用’this，this就指向谁。打个比方来说：this就相当于中文中的“我”，谁说出来，就代表谁。 函数中this的三种指向 1.普通函数 首先我们这里声明一个函数，在函数内部console.log(this)，然后下面我们调用函数，猜一猜控制台会打印什么结果？ 最后控制台会打印window，这就表明在普通函数中的this指向window。首先我们要知道上面说到的谁调用thi.
深入理解JavaScript的this与对象原型
本书《You Don't Know JS this & Object Prototypes》是针对JavaScript中的核心概念——`this`关键字和对象原型进行深入探讨的专业指南。作者KYLE SIMPSON旨在帮助开发者理解这两个关键概念，因为它们在JavaScript...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值