美文网首页
javaScript的函数

javaScript的函数

作者: 孙子衡 | 来源:发表于2018-08-27 10:04 被阅读0次

    函数实例01

    <script>
    // function 优先级高于 var
    document.write('<table border="1" width="666" height="300" cellspacing="0" cellpadding="3" align="center"></table>')

    function haha() {
        console.log('每隔一秒发送一次.....')
    }
    setInterval(haha,1000)
    

    </script>


    函数实例02

    // 回调函数
    // 如果一个函数A的参数是一个函数B将函数B称之为A的回调函数
    // 系统函数的调用 setInterval() 周期性的定时器 每隔多上时间触发函数操作 以毫秒为单位
    // setInterval(function () {
    // console.log("我每隔一秒执行一次.......")
    // },1000);

    // 立即执行函数 就是在函数外面加个 ()()
    
    (function() {
        console.log("我是立即函数.........")
    })()
    

    函数参数

    <script>
    function hello(uname) {
    console.log('早上好' + uname);
    }
    hello('sunziheng')

    var  money = 1000;
    function shopping() {
        var money = 0;
        return money
    }
    
    var laoli = shopping();
    console.log(laoli);
    console.log(money);
    

    </script>

    函数的调用

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
    #div01 {
    width: 200px;
    height: 200px;
    border: 1px solid #ccc;
    }
    </style>
    </head>
    <body>

    <div id="div01">
    我是测试
    </div>
    <script>
    // 有无参数的函数 匿名函数 回调函数 闭包函数 递归函数
    var div = document.getElementById('div01')
    div.onclick = function () {
    this.style.borderRadius = '50%';
    this.style.background = 'red';
    }
    </script>
    </body>
    </html>

    函数之闭包

    <script>
    //闭包函数的返回值是一个函数 返回的函数保留了函数定义时的作用域
    var a = 10;
    function memda() {
    var a = 100;
    function hello() {
    console.log(a);
    }
    // 将声明的函数返回函数外部
    return hello;

    }
    var test = memda();
    console(test);
    test();
    

    </script>

    函数值递归

    <script>
    // 递归 函数在自身内部又调用了自身
    // 场景 ; 计算累加 数组单元的计算等等

    function memeda() {
        console.log(100);
        memeda();
    }
    memeda();
    
    function sum(n) {
        // 如果n == 1 不计算\
        if (n == 1) {
            return 1;
        }
        // n 的累加和是多少
    
    }
    

    </script>

    相关文章

      网友评论

          本文标题:javaScript的函数

          本文链接:https://www.haomeiwen.com/subject/uclziftx.html