javascript中构造函数的三种方式

Posted 2020-08-12

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript中构造函数的三种方式相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
    <script type="text/javascript">
        // 创建函数的三种方式：
        // 1 函数声明
        // 2 函数表达式
        // 3 new Function
        

        // 1
        // function fn() {}

        // 2 函数名字：f只能再函数内部使用
        // var fn = function f() {};

        // 3
        // 因为new是再创建对象，所以，说明 函数也是对象
        // var fn = new Function();
        // fn();


        // new Function();
        // 参数：可省略
        //         1 所有的参数都是字符串类型的
        //         2 除了最后一个参数之外，其他的参数都做为新创建函数的参数
        //                 最后一个参数，作为新创建函数的函数体
        //         3 如果仅有一个参数，那么这个参数就是函数体
        // var fn = function() {
        //     console.log("这事函数体");
        // };
        // var fn = new Function("console.log(\"这事函数体\")");
        // fn();

        // 计算两个数的和
        // var sum = function(num1, num2) {
        //     console.log(num1 + num2);
        // };
        var sumFn = new Function("num1", "num2", "console.log(num1 + num2);");
        sumFn(2, 3);
    </script>
</body>
</html>

以上是关于javascript中构造函数的三种方式的主要内容，如果未能解决你的问题，请参考以下文章

0147 JavaScript创建对象的三种方式之构造函数

JavaScript 进阶第四章（定义函数的三种方式）

javaScript定义函数的三种方式&变量的作用域

0146 JavaScript创建对象的三种方式之 new Object

0145 JavaScript创建对象的三种方式之字面量：创建，访问对象的属性&方法，变量属性函数方法总结

Spring创建对象的三种方式