首页 >web前端 >js教程 >关于js函数中this的理解

关于js函数中this的理解

一个新手
一个新手原创
2017-09-22 10:31:361835浏览

//关于this的问题 第一个情况:
    function Foo() {
        this.name=10;
        this.age=100;
        console.log(this)   //{name:10, age:100}
    }
//    var p=new Foo();   new 一个对象,this指的就是即将new出来的对象
//    Foo()      调用情况下,this指window  输出{window}
//关于this的问题 第二种情况:var obj={
        x:5,
        fn:function () {
            console.log(this);   //obj{x:10,fn:function}
            console.log(this.x);  //5
        }
};
obj();
    //函数作为对象的一个属性被调用时,this指该对象,即obj
//关于this的问题 第三种情况:var obj= {
    x: 10,
    fn: function () {
        console.log(this);   //Window
        console.log(this.x);  //undefined
    }
};
var fun=obj.fn;
    fun()
    //这里fn函数被赋值到另一个变量中,没有作为obj一个属性被调用,则this指window//关于this的问题 第四种情况:
    var obj={ x:20}
    var fn =function () {
            console.log(this);  //Object {x:20}
            console.log(this.x)  //20
        }
    fn.call(obj);
    //当一个函数被call或apply调用时,this则取传入的对象的值或者:var x=20;var fn = function(){	console.log(this)    //window	console.log(this.x)   //20};fn(); //调用fn函数时,this指的是window//关于this的问题 第五种情况:var obj={
    x:10,
    fn:function(){
        function f(){
            console.log(this);  //window
            console.log(this.x)  //undefined
        }
        f()
    }
};
obj.fn()
//    函数f虽然是在函数内部定义的,但仍然是普通函数,this指window.

以上是关于js函数中this的理解的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn