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有什么用”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!