javascript - 两次打印的this值为什么不同

问题描述

问 题

var VElement=function(tagName,props,children){
        this.tagName=tagName;
        this.props=props||{};
        this.children=children||{};
        this.key=props?props.key:void 666;
        var count=0;
        console.log(this);
        $.each(this.children,function(i,child){
            console.log(this);
        });
        this.count=count;
    }

    var vdom=VElement('div',{'id':'container'},['最外层']);

解决方案

首先你要明白this是谁调用它它就指向谁。

在循环外面的那个console的this因为是window调用了VElement这个函数，所以this指向window。

在循环里面$.each对this做了修改变成了this.children，所以循环里面的console的this是指向this.children即传进来的['最外层']

这篇关于javascript - 两次打印的this值为什么不同的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！