zoukankan html css js c++ java

js 第二节动态函数 arguments json

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <script type="text/javascript">

        //js 里面的函数 没有重载一说  但可以通过 arguments实现重载
        function argument() {
            for (var i = 0; i < arguments.length; i++) {

                console.log(arguments[i]);//a, b
            }

            switch (arguments.length) {
                case 0: fun1(); break;
                case 1: fun2('a'); break;
                case 2: fun3(1, 2); break;
                default: fun1(); break;

            }

        }


        function fun1() {
        }
        function fun2(num) {
            alert(num);
        }

        function fun3(n1, n2) {
            alert(n1 + n2);
        }


        //动态函数
        function abc() {
            var obj = document.getElementById("fun").value;


            var fun1 = new Function(obj); //Function  大写
            fun1();

        }

         </script>
    <textarea style="200px;height:200px;" id="fun">
        var num =12 ;
        alert(typeof num);
       var num ="12" ;
        alert(typeof num);
   </textarea>
    <input type="button" value="单击" onclick="abc()" />
    <input type="button" value="argu" onclick="argument('a','b')" />
</body>
</html>

//json
        var obj = {
            a: "zhangsan",
            b: "alert(1)",
            "c": function () { alert('hello js') } //有点像匿名函数

        };
        alert(typeof obj.c());// undefined
        alert(obj.c());// hello js

查看全文

相关阅读:
Vue之computed与watch的使用
 Vue之组件的生命周期
 Vue之过滤器的使用
 Vue之父子组件的通信
 Vue之组件的使用
 Vue之数据绑定
 Vue之指令系统
 20182316胡泊课程总结
 20182316胡泊《数据结构与面向对象程序设计》实验9报告
 20182316胡泊第10周学习总结

原文地址：https://www.cnblogs.com/xh0626/p/4862958.html

js 第二节 动态函数 arguments json

js 第二节动态函数 arguments json