成都网站建设设计

将想法与焦点和您一起共享

js中this有什么用

这篇文章主要介绍了js中this有什么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联主要从事做网站、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务渭城,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792

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


当前标题:js中this有什么用
路径分享:http://chengdu.cdxwcx.cn/article/jpgsjh.html