js高级——Function的使用

1.Function这个构造函数可以用来新建函数对象

   var func = new Function ( "console.log('我是动态创建的函数');console.log('111111')" ) ; //这个是创建对象的方法，所以证明函数也是对象,并且由开头字母大写看出来是构造函数

    func() ;

2.语法：var 函数名 = new Function(“函数里里面的语句;函数体里面的语句”)

（1）Function函数所有的参数都是字符串

（2）Function函数的作用就是将所有的参数组合起来变成一个函数

（3）如果只传一个参数，那么这个函数就是函数体

（4）如果传多个参数，那么最后一个参数表示函数体，前面的参数代表将要创建的函数的参数

（5）如果不传参数，则表示创建一个空函数

3.如何解决使用Function创建函数时代码过长的问题

（1）以分隔符逗号作为标记进行换行

（2 ）使用字符串拼接（+号）让代码换行

    练习：传入一个数组，求这个数组中最大的数

    var max = new Function ( "arr" ,

        "var maxNum = arr[0];" +

        "for(var i = 1 ; i < arr.length ; i ++){" +

            "if(maxNum < arr[i]){" +

                "maxNum = arr[i];" +

            "}" +

        "}" +

    "return maxNum;"

    ) ;

    console . log (max([ 1 , 2 , 3 , 4 , 5 , 6 ])) ;

（3）使用模板的方式将代码写在模板标签内，获取该标签的内容

  <script>

    window .onload = function () {

        var script = document . getElementById ( "funcContent" ) ;

        var str = script. innerHTML ;

        var max = new Function ( "arr" , str) ;

        console . log (max([ 1 , 2 , 3 , 4 , 5 , 6 ])) ;

    }

</script>

<script type= "text/template" id= "funcContent" >

    var maxNum = arr[0];

    for(var i = 1 ; i < arr.length ; i ++){

        if(maxNum < arr[i]){    

            maxNum = arr[i];

        }

    }

    return maxNum;

</script>