scope and this in js-1

by jack zhao

HTML

<div id="result">代码输出结果：<br/></div>

JavaScript

var name = 'window下的name<br/>';
var resultCon;
function fn1() {
    resultCon.innerHTML += name;
}

function MyObj() {
    var name = 'MyObj下的name<br/>';
    this.doFunction = function() {
        resultCon.innerHTML += name;
    };
}


window.onload = function() {
    resultCon = document.getElementById('result');
    var name = "onload下的name<br/>";
    var fn2 = function() {
        resultCon.innerHTML += name;
    };
    fn1();//window下的name
    fn2();//onload下的name
    var obj = new MyObj();
    obj.doFunction();//MyObj下的name
};