zoukankan      html  css  js  c++  java
  • 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)阻止默认行为。

  • 相关阅读:
    122. Best Time to Buy and Sell Stock II
    121. Best Time to Buy and Sell Stock
    72. Edit Distance
    583. Delete Operation for Two Strings
    582. Kill Process
    indexDB基本用法
    浏览器的渲染原理
    js实现txt/excel文件下载
    git 常用命令
    nginx进入 配置目录时
  • 原文地址:https://www.cnblogs.com/gaoquanquan/p/9188914.html
Copyright © 2011-2022 走看看