Javascript this关键字说明

最新推荐文章于 2022-04-30 17:15:57 发布
最新推荐文章于 2022-04-30 17:15:57 发布
阅读量767 收藏
点赞数
分类专栏： Javascript_this关键字
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/limlimlim/article/details/9136471
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        #divC{width:100px; height:30px;margin:0px auto;background-color:Red;}
    </style>
    <script type="text/javascript">
        window.onload = function () {
            document.getElementById("divC").onclick = function () {
                alert(this);       //this 为div对象
                doClick();         //调用该方法输出的 this是window对象
            }
            //可以这样理解,doClick是在window范围内定义的方法，可以用window.doClick调用,所以
            //他是属于window的，this就是window对象
            //而onclick是定义在divC层对象上的，所以alert(this)输出的this是div对象
        }
        function doClick() {
            alert(this);
        }
    </script>
</head>
<body>
    <div id="divC"></div>
</body>
</html>

永远爱好写程序
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解析JavaScript--关键字this
郊眠寺
10-13 589
它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位
Javascript this 关键字 详解
10-25
Javascript是一种很灵活的语言, 而This关键字又是灵活中的灵活, 但是因为它的灵活, 也注定了它的难用.以前我用this的时候, 都会觉得不踏实, 老是担心它不知道怎么地就会指到另外的什么地方.其实, 这都是因为, 我们对...
JavaScript中this是什么
qq_38882976的博客
11-02 760
JavaScriptthis关键词指的是它所属的对象 它拥有不同的值，具体取决于它的使用位置： 在方法中，this指的是所有者对象。 单独的情况下，this指的是全局对象。 在函数中，this指的是全局对象。 在函数中，严格模式下，this是 undefined。 在事件中，this指的是接收事件的元素。 像call()和apply()这样的方法可...
javascript this
road_16的专栏
10-05 621
Javascript中的this关键字（精华版） ECMA-262解释： The this keyword evaluates to the value of the ThisBinding of the current execution context. 由于“ThisBinding”和“current execution context”讲解起来过于复杂，因此下面给
Javascript的this关键字
weixin_45858192的博客
10-30 177
this关键字 this是什么 this关键字是JavaScript中最复杂的机制之一。它是一个特别的关键字，被自动定义在所有函数的作用域中。但是即使是非常有经验的JavaScript开发者也很难说清它到底指向什么。 实际上，JavaScript中this的机制并没有那么先进，但是开发者往往会把理解过程复杂化。不理解它的含义，大部分开发任务都无法完成。 this都有一个共同点，它总是返回一个对象。简单说，this就是属性或方法”当前“所有对象。 var person = { name : '派大星',
JavaScript 中的this关键字
Hard042的博客
11-29 903
参考： https://wangdoc.com/javascript/oop/this.html 一、涵义 不管this用在什么场合，this都有一个共同点：它总是返回一个对象。简单说，this就是属性或方法“当前”所在的对象。总而言之，在JavaScript语言中，一切皆对象，运行环境也是对象，所以函数都是在某个对象之中运行，this就是函数运行时所在的对象（环境）。JavaScript支持...
Javascript this关键字使用分析
10-30
JavaScript 中的 `this` 关键字是一个非常重要的概念，它在不同上下文中有着不同的指向。在 JavaScript 中，`this` 的值取决于函数调用的方式，而不是函数声明的方式。以下是对 `this` 关键字在不同场景下工作的详细...
JavaScript this关键字指向常用情况解析
10-14
JavaScript中的`this`关键字是语言中的一个核心概念，它用于引用当前执行上下文中的对象。在不同的场景下，`this`的指向会有所不同，这使得理解`this`的关键点在于理解其上下文环境。以下是对四种常见`this`指向情况...
精通JavaScript的this关键字
10-22
JavaScript中的`this`关键字是编程中的一个重要概念，尤其在JavaScript中，它的行为有时可能会让开发者感到困惑。`this`关键字用于引用当前执行上下文的对象，它可以帮助我们避免使用显式的对象名称来调用属性和方法...
javascript的this关键字详解
10-16
`this`关键字是JavaScript中的一个核心概念，它用于引用当前执行上下文的对象。在JavaScript中，`this`的值取决于函数调用的方式，而不是函数定义的位置。以下是关于`this`关键字的详细解释： 1. **全局环境中的...
JavaScript中this关键字
zg0601的博客
01-01 243
JavaScript中this关键字是一个非常重要的语法点，在面向对象语言中this表示当前对象的一个引用，但在JavaScript中this不是固定不变的，它会随着执行环境的改变而改变。也就是说，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁。
javascript this关键字
baidu_36831253的博客
02-11 190
大部分来自《javascript学习指南》 1）在函数中this的使用： &lt;script&gt; const o = { name:'zdd', bark: function() { alert(this.name)} } o.bark();//zdd &lt;/script&gt; 当调用o.bark() 时候，this关键字跟o进行了绑定： o.bark() 执行了alert...
JavaScript中的This 关键字
qq_49002903的博客
10-29 1348
This 关键字 重要的事情说三遍： 注：This指向哪个对象不取决于函数定义的位置，而取决于调用的位置 注：This指向哪个对象不取决于函数定义的位置，而取决于调用的位置 注：This指向哪个对象不取决于函数定义的位置，而取决于调用的位置 this关键字是JavaScript中最复杂的机制之一。它是一个很特别的关键字，被自动定义在所有函数的作用域中。但是即使是非常有经验的JavaScript开发者也很难说清它到底指向什么。 实际上，JavaScript中this的机制并没有那么先进，但是开发者往往会把理解
JavaScript中 this 关键字
04-03 663
同步时的情况 一，单独使用 this，它指向全局(Global)对象，即window对象。 二，在对象方法中， this 指向调用它所在方法的对象。 同步：且为function时：this指向调用当前方法的对象 注意下面这个例子，和上面这个例子进行对比： 结论：this永远指向的是最后调用它的对象，也就是看它执行的时候是谁调用的。上例中虽然函数fn是被对象b所引用...
JS中的this关键字
W2279567793的博客
04-30 1055
JS中的this关键字
2020-10-11
tianmoxiangfu的博客
10-11 230
我的博客第10篇 1.高阶函数 。接收函数作为参数 。或者将函数作为返回值返回的函数就是高阶函数 对比练习： #需求：将一个指定列表中的偶数，保存到一个新的列表中返回 list1 = [1,2,3,4,5,6,7,8,9,10] def fn(list1): new_list = [] for i in list1: if i % 2 == 0: new_list.append(i) return new_list r = fn(list1)
Javascript中this关键字详解
黄沙百战穿金甲，不破楼兰终不还。
11-23 2389
Quiz 请看下面的代码，最后alert出来的是什么呢？ 1 var name = "Bob"; 2 var nameObj ={ 3 name : "Tom", 4 showName : function(){ 5 alert(this.name); 6 }, 7 waitShowName : fu
javascript中this关键字详解
Liu_Jun_Tao的博客
07-25 415
在理解this之前，先清楚函数的几种调用方式： 1.普通函数调用  2.作为方法来调用 3.作为构造函数来调用 4.使用apply、call方法来调用 5.Function.prototype.bind方法 6.es6箭头函数 但是不管函数是按哪种方法来调用的，请记住一点：谁调用这个函数或方法,this关键字就指向谁。 接下来就分情况来讨论下这些不同的情况(在浏览器环境下) ...
JavaScript中的this关键字如何理解？
IT_10的博客
07-16 1043
1.this是一个关键字，不是变量，也不是属性名，在JavaScript中不允许给this赋值。 2.关键字this没有作用域的限制，嵌套的函数不会从调用它的函数中继承this。 3.如果嵌套的函数作为方法调用，其this的值指向调用它的对象；如果嵌套的函数作为函数调用，其this值是全局变量（非严格模式下）或者是undefined（严格模式下）。一定不能误以为调用嵌套函数时this会指向调用...
javascript this关键字
最新发布
06-28
### 回答1： "this"关键字在JavaScript中表示当前上下文中的对象。在函数中，"this"指向调用该函数的对象，而在全局作用域中，"this"指向全局对象（通常是window对象）。使用"this"关键字可以访问对象的属性和方法。 ### 回答2： JavaScript中的`this`关键字是一个非常重要的概念，它代表着当前函数的执行上下文（execution context）。它表示了当前代码正在执行的情境，在不同的情境下，`this`所代表的对象是不同的。 在全局作用域下，`this`指向的是全局对象，在浏览器中为`window`对象，在Node.js中为`global`对象。如下所示： ```javascript console.log(this === window); // true，在浏览器中输出 true ``` 当在一个函数中使用`this`关键字时，`this`所代表的对象会根据函数的调用方式而变化。常见的函数调用方式有四种，分别是函数调用、方法调用、构造函数调用和apply/call/bind方法调用。 1. 函数调用时，`this`指向全局对象或undefined（严格模式下）。 ```javascript function test() { console.log(this); } test(); // 全局作用域下 this 指向 window，输出 window ``` 2. 方法调用时，`this`指向调用该方法的对象。 ```javascript var person = { name: 'Tom', sayHello: function() { console.log('Hello, ' + this.name); } } person.sayHello(); // 方法调用，此时的 this 指向 person 对象，输出 Hello, Tom ``` 3. 构造函数调用时，`this`指向新创建的对象。 ```javascript function Person(name) { this.name = name; } var tom = new Person('Tom'); // 构造函数调用，此时的 this 指向新创建的对象 tom console.log(tom.name); // 输出 Tom ``` 4. apply/call/bind方法调用时，`this`指向指定的对象。 ```javascript var person1 = { name: 'Tom' }; var person2 = { name: 'Jerry' }; function sayName() { console.log('My name is ' + this.name); } sayName(); // 输出 My name is undefined sayName.apply(person1); // apply方法调用，此时的 this 指向 person1 对象，输出 My name is Tom var sayName1 = sayName.bind(person2); sayName1(); // bind方法调用，此时的 this 指向 person2 对象，输出 My name is Jerry ``` 总之，`this`关键字的作用非常重要，它可以让我们更加灵活地编写代码，但同时也需要注意使用它的场景和调用方式。 ### 回答3： JavaScript中的this关键字是一个非常重要的概念，它用于访问当前对象的上下文。它代表执行当前方法的对象。当我们在JavaScript中编写代码时，this关键字的上下文可以是全局对象，当前对象、任意对象或函数的作用域。 当我们在全局范围内使用this时，它将指向浏览器窗口或全局对象。而在对象里，this关键字则代表该对象。例如，如果我们在一个名为person的对象中使用this，它将返回person对象： ``` const person = { name: 'Tom', age: 30, greet() { console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`); } }; person.greet(); // 输出'Hello, my name is Tom and I am 30 years old.' ``` 当我们在函数内部使用this时，它可能会与预期的结果不同。在函数内部，this关键字通常为undefined。这是因为在JavaScript中，函数是一等对象，可以作为参数传递，并且可以按照不同的方式调用。因此，this关键字的上下文取决于如何调用该函数。 一种解决这个问题的方法是使用箭头函数。箭头函数的this关键字始终指向定义该函数的作用域： ``` const person = { name: 'Tom', age: 30, greet() { const sayHello = () => { console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`); } sayHello(); } }; person.greet(); // 输出'Hello, my name is Tom and I am 30 years old.' ``` 在这个例子中，箭头函数中的this关键字始终指向person对象。通过使用箭头函数，我们可以避免错误的this关键字上下文，并确保我们能够正确地访问对象的属性和方法。 总之，JavaScript中的this关键字非常重要，可以帮助我们访问当前对象的上下文。在函数内部使用时需要谨慎，可以考虑使用箭头函数来避免错误的上下文。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值