JS——变量和函数的预解析匿名函数函数传参return

Posted 高圈圈

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS——变量和函数的预解析匿名函数函数传参return相关的知识,希望对你有一定的参考价值。

JS解析过程分为两个阶段:编译阶段、执行阶段。在编译阶段会将函数function的声明和定义都提前,而将变量var的声明提前,并将var定义的变量赋值为undefined。

匿名函数:

window.onload = function () {
            var oBtn01 = document.getElementById(‘btn01‘);
            var oBtn02 = document.getElementById(‘btn02‘);
            //注意这里不能有括号,skin01()的话就立刻执行了哦,所以不要加()!
            oBtn01.onclick = skin01;
            oBtn02.onclick = skin02;
        }

这就是一个匿名函数,没有名字的~

函数传参(和python差不多~):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        window.onload = function () {
            var oDiv = document.getElementById(div1);
            
            changestyle(color,gold);
            changestyle(background,hotpink);
            changestyle(width,300px);
            changestyle(height,300px);
            changestyle(margin,50px auto);
            
            function changestyle(styl,val) {
                oDiv.style[styl] = val;
            }
        }
    </script>
</head>
<body>
<div id="div1">div元素</div>
</body>
</html>

 函数传参:

window.onload = function () {
    var oBtn01 = document.getElementById(‘btn01‘);
var oBtn02 = document.getElementById(‘btn02‘);
//注意这里不能有括号,skin01()的话就立刻执行了哦,所以不要加()!
oBtn01.onclick = skin01;
oBtn02.onclick = skin02;
}

return关键字作用:

1)返回函数执行结果;

2)结束函数的运行;

3)阻止默认行为。

以上是关于JS——变量和函数的预解析匿名函数函数传参return的主要内容,如果未能解决你的问题,请参考以下文章

函数和变量中的预解析

死磕JavaScript变量和函数的预解析

Js基础知识6-JavaScript匿名函数和闭包

php匿名函数和闭包函数及use关键字传参及Closure匿名函数类

回调函数如何传参?

lambda, 匿名函数, 变量,传参