您的位置:首页 > Web前端 > JavaScript

js 基础语法

2017-03-24 17:24 337 查看
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script>

        //对数组进行排序

       var arr  = [1,2,3,34,7,20];

       arr.sort(function (a,b) {

           return a-b>0;

       });

       console.log(arr);

        //遍历javascirpt 对象属性

        var o= {

            name:"小虎",

            age:20,

            city:"Beijing"

        };

        for(var key in o){

            /*对象属性的第二种访问方式*/

            console.log(o[key])

        }

        /*删除属性*/

        delete o.name;

        for(var key in o){

            console.log(o[key])

        }

        //rest 接收前面未被接收的参数

        function foo(a, b, ...rest) {

            console.log('a = ' + a);

            console.log('b = ' + b);

            console.log(rest);

        }

        foo(1, 2, 3, 4, 5);

       var result =  (function (x) {

            return x * x;

        })(3); // 9

        console.log(result);

        //闭包是访问函数 内部私有变量 的公共方法

        function lazy_sum(arr) {

            var sum = function () {

                return arr.reduce(function (x, y) {

                    return x + y;

                });

            }

            return sum;

        }

        //当我们调用lazy_sum()时,返回的并不是求和结果,而是求和函数:

        var f = lazy_sum([1, 2, 3, 4, 5]); // function sum()

        //调用函数f时,才真正计算求和的结果:

        console.log("闭包  "+f()); // 15

        function  count() {

            var arr=[];

            for(var i=1;i<=3;i++){

                arr.push((function (n) {

                    return function () {

                        return n*n;

                    }

                })(i));

            }

            return arr;

        }

        var results = count();

        var f1 = results[0];

        var f2 = results[1];

        var f3 = results[2];

        console.log( f1());

        console.log( f2());

        console.log( f3());

    </script>

</head>

<body>

<p id="demo"> 这是一个段落</p>

<button type="button" onclick="displayDate()">显示日期</button>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript