js中this有什么用

這篇文章主要介紹了js中this有什么用，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

JavaScript是什么

JS是JavaScript的簡稱，它是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，主要用于web的開發，可以給網站添加各種各樣的動態效果，讓網頁更加美觀。

使用JavaScript進行前端開發的過程中，this關鍵字的使用機制很復雜，可以指向調用當前方法的對象，會根據不同的情況this關鍵字會有不同的使用方法。

本文介紹JavaScript中this關鍵字的四種用法：1、在全局作用域當中this 永遠指向 window；2、當函數有所屬對象時指向所屬對象；3、在構造器中的 this指向新對象；4、當apply 和 call 調用以及 bind 綁定指向綁定的對象。

1、在全局作用域當中：this 永遠指向 window

alert(this)   //window`

2、函數有所屬對象時：指向所屬對象

var name = "clever coder";  
var person = {  
    name : "foocoder",  
    hello : function(sth){  
        console.log(this.name + " says " + sth);  
    }  
}  
person.hello("hello world");

3、構造器中的 this：指向新對象

  function Fn1(oval) {
        this.val = oval;
        console.log(this);  //Fn1 {val: "vvv"}
    }
 
    var val = new Fn1('vvv');
    console.log(val.val)//vvv

4、apply 和 call 調用以及 bind 綁定：指向綁定的對象

// 當一個函數被call或者apply調用時，this的值就取傳入的對象的值
var obj={
x:10
};
var fn=function(){
console.log(this);//Object {x: 10}
console.log(this.x);//10
}
fn.call(obj);

感謝你能夠認真閱讀完這篇文章，希望小編分享的“js中this有什么用”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!