Rumah > Artikel > hujung hadapan web > Maksud ini dalam js
Dalam JavaScript, kata kunci ini menghala ke objek dalam konteks pelaksanaan semasa. Khususnya: konteks pelaksanaan global menghala ke objek tetingkap Konteks pelaksanaan fungsi menunjuk kepada kaedah objek yang dimiliki oleh fungsi tersebut. Maksud ini dalam JavaScript
Dalam JavaScript, ini
ialah kata kunci khas yang menunjuk ke objek dalam konteks pelaksanaan semasa. Ini mungkin kedengaran agak rumit, tetapi ia sebenarnya mudah difahami.
Konteks pelaksanaan
Kod JavaScript berjalan dalam konteks yang berbeza apabila dilaksanakan, dipanggil konteks pelaksanaan. Setiap konteks pelaksanaan mempunyai objekthis
sendiri. this
是一个特殊的关键字,它指向当前执行上下文中的对象。这听起来可能有点复杂,但它实际上很容易理解。
执行上下文
JavaScript 代码在执行时是在不同的上下文环境中运行的,称为执行上下文。每个执行上下文都有自己的 this
对象。
全局执行上下文
当 JavaScript 代码在浏览器中运行时,它首先在全局执行上下文中运行。在这种情况下,this
指向 window
对象。
函数执行上下文
当一个函数被调用时,它会创建自己的执行上下文。在这个上下文中,this
指向函数所属的对象。
方法执行上下文
当一个对象的方法被调用时,它会创建自己的执行上下文。在这种情况下,this
指向调用方法的对象。
箭头函数
箭头函数是一个例外。它们不创建自己的执行上下文,而是继承父函数的执行上下文。因此,箭头函数中的 this
始终指向父函数的 this
对象。
实践示例
以下示例展示了如何根据不同的执行上下文,this
如何引用不同的对象:
<code class="javascript">// 全局执行上下文 console.log(this); // 输出: Window // 函数执行上下文 function myFunction() { console.log(this); // 输出: Window } myFunction(); // 方法执行上下文 const obj = { name: 'John', sayHello: function() { console.log(this.name); // 输出: John } }; obj.sayHello(); // 箭头函数 const arrowFunction = () => { console.log(this); // 输出: Window }; arrowFunction();</code>
通过了解 this
ini
menghala ke objek window
. 🎜🎜🎜Konteks pelaksanaan fungsi🎜🎜🎜Apabila fungsi dipanggil, ia mencipta konteks pelaksanaannya sendiri. Dalam konteks ini, this
menunjuk ke objek yang dimiliki oleh fungsi tersebut. 🎜🎜🎜Konteks Pelaksanaan Kaedah🎜🎜🎜Apabila kaedah objek dipanggil, ia mencipta konteks pelaksanaannya sendiri. Dalam kes ini, ini
menunjuk ke objek yang kaedah dipanggil. 🎜🎜🎜Fungsi Anak panah🎜🎜🎜Fungsi anak panah adalah pengecualian. Mereka tidak mencipta konteks pelaksanaan mereka sendiri, sebaliknya mewarisi konteks pelaksanaan fungsi induk. Oleh itu, ini
dalam fungsi anak panah sentiasa menunjuk ke objek this
bagi fungsi induk. 🎜🎜🎜Contoh Amalan🎜🎜🎜Contoh berikut menunjukkan bagaimana ini
dalam JavaScript berfungsi, anda boleh menulis kod yang lebih bersih dan boleh diselenggara. 🎜Atas ialah kandungan terperinci Maksud ini dalam js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!