在html元素中定义事件时，注意作用域链的不同

2019独角兽企业重金招聘Python工程师标准>>>

在html元素中定义事件时

1、如果不是调用的函数，那么这里的作用域链是：

调用对象---->事件源---->父元素----->>document----->window

例如：

<input type="text" onclick="alert(age)" id="fp"/>

<script>

    var node = document.getElementById('fp')

    node.age = 12;

    age = 13

</script>

结果：12

2、如果是调用的函数，由于JS的词法作用域（函数在定义它的作用域中执行，而不是在调用它的作用域中执行），那么这里的作用域链是：调用对象----->>window

例如：

<input type="text" onclick="msg()" id="fp"/>

<script>

    var node = document.getElementById('fp')

    node.age = 12;

    age = 13

    function msg(){

        alert(age);

    }

</script>

结果：13

3、如果是在JS中定义事件，那作用域链也是调用对象----->>window

转载于:https://my.oschina.net/u/1992917/blog/361784