JavaScript-工厂函数-CFANZ编程社区

JavaScript-工厂函数

什么是工厂函数

工厂函数就是专门用于创建对象的函数, 我们就称之为工厂函数

例如如下的代码，通过观察发现都是创建对象。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <script type="text/javascript">
        let objOne = {
            name: "BNTang",
            age: 33,
            say: function () {
                console.log("hello world");
            }
        };

        let objTwo = {
            name: "Jonathan_BNTang",
            age: 44,
            say: function () {
                console.log("hello world");
            }
        };
    </script>
</head>
<body>
</body>
</html>

接下来我通过工厂函数的方式来改造一下上方的代码之后，你在看看两者之间的区别，你就可以发现工厂函数的优点，代码如下。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <script type="text/javascript">
        function createPerson(name, age) {
            let obj = {};

            obj.name = name;
            obj.age = age;

            obj.say = function () {
                console.log("hello world");
            }
            return obj;
        }

        let objOne = createPerson("tyh", 34);
        let objTwo = createPerson("zs", 44);

        console.log(objOne);
        console.log(objTwo);
    </script>
</head>
<body>
</body>
</html>

0 条评论