This

Operator this dipakai untuk merefensi kepada objek yang bersesuaian.

Sintaks:

this this.property this.method

Operator this ialah operator standard JavaScript 1.0+, JScript 1.0+, ECMAScript 1.0+ dan di dukung Google Chrome Beta+, Firefox 1.0 (Gecko 1.7)+, Internet Explorer 3+, Netscape Navigator 2.0+, Opera 3.0+, Safari 1.0+.

Di JavaScript this mengacu kepada ‘pemilik’ dari fungsi atau script di mana didalamnya berisi this dikala dieksekusi.

Jika this digambarkan di dalam function definition, this itu merefensi kepada objek global, biasanya objek window. Sebagai contoh:

function foo() { alert(this); // mengembalikan objek window } foo();

Ketika anda, misalkan ingin menerapkan style.backgroundColor bagi objek window, kesalahan didapatkan, alasannya ialah objek window tidak mempunyai properti style.backgroundColor. Misalnya:

function foo() { this.style.backgroundColor = "red"; // tidak sanggup menerapkan backgroundColor untuk undefined } foo();

Tetapi kalau anda ingin menggunakan, mungkin metode alert() yang memang objek window miliki, isyarat anda akan berjalan. Sebagai contoh:

function foo() { this.alert("Hi."); // mengembalikan "Hi." } foo();

Jika berkaitan Register Event Handler Via Traditional Model, this akan merefensi kepada elemen HTML yang memakai fungsi yang ada. Sebagai contoh:

<P ID="myp">Click me.</P> <SCRIPT TYPE="text/javascript"> function foo() { this.style.backgroundColor = "red"; alert(this); // merefensi kepada elemen P } var pObj = document.getElementById("myp"); pObj.onclick = foo; </SCRIPT>

Atau menyerupai ini:

<P ID="myp">Click me.</P> <SCRIPT TYPE="text/javascript"> var pObj = document.getElementById("myp"); pObj.onclick = function() { this.style.backgroundColor = "red"; alert(this); // merefensi kepada elemen P }; </SCRIPT>

Atau menyerupai ini:

<P ONCLICK="this.style.backgroundColor = ‘red’;">Click me.</P>

Tetapi tidak dikala nilai dari atribut event ialah function call, maka this merefensi kepada objek window:

<SCRIPT TYPE="text/javascript"> function foo() { alert(this); // merefensi kepada objek window } </SCRIPT> <P ONCLICK="foo()">Click me.</P>

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code