window.onload搭配seTimeout会报错这是为什么呢？

Question

<script>
    window.onload = function() {
        setTimeout('haha()', 1000);

        function haha() {
            console.log('haha');
        }
    };
</script>

这样写会报错

但是去掉windows.onload就不会了
如

<script>
    setTimeout('haha()', 1000);

    function haha() {
        console.log('haha');
    }
</script>

这是为什么呢？

Answer 1

setTimeout参数是字符串时，需要是全局函数
可以这样

<script>
    window.onload = function() {
        setTimeout(haha, 1000);
 
        function haha() {
            console.log('haha');
        }
    };
</script>

也可以这样

<script>
    window.onload = function() {
        setTimeout('haha()', 1000);
        window.haha=function() {
            console.log('haha');
        }
    };
</script>