练习牛客网笔试题--前端js--42-模块

本文探讨了JavaScript中实现模块化的四种方法：1) 原型模式，通过原型链创建对象并定义sayIt方法；2) 构造函数模式，直接在构造函数内定义属性和方法；3) 创建对象模式，使用函数创建新对象；4) 字面量模式，直接使用对象字面量创建。这些方法帮助实现属性和方法的封装，以及自定义sayIt方法来组合属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

练习牛客网笔试题--前端js--42-模块

// 题目描述

// 完成函数 createModule，调用之后满足如下要求：

// 1、返回一个对象

// 2、对象的 greeting 属性值等于 str1， name 属性值等于 str2

// 3、对象存在一个 sayIt 方法，该方法返回的字符串为 greeting属性值 + ', ' + name属性值

1.自己的练习

    function createModule(str1, str2) {
        return  {
            greeting: str1,
            name: str2,
            sayIt: function() {
                return this.greeting + ', ' + this.name;
            }
        }
    }

2.题解

    // 1. 原型模式
    function createModule(str1, str2) {
        function Obj()
        {
            this.greeting = str1;
            this.name = str2;
        }
        Obj.prototype.sayIt = function(){return this.greeting + ", " + this.name;}
        return new Obj(); 
    }

    // 2. 构造函数模式：
    function createModule(str1, str2) {
        function Obj(){
            this.greeting = str1;
            this.name = str2;
            this.sayIt = function(){return this.greeting + ", " + this.name;}
        }
        return new Obj();
    }

    // 3. 创建对象模式
    function createModule(str1, str2) {
        function CreateObj()
        {
            obj = new Object;
            obj.greeting = str1;
            obj.name = str2;
            obj.sayIt = function(){return this.greeting + ", " + this.name;}
            return obj;
        }
        return CreateObj();   
    }

    // 4. 字面量模式
    function createModule(str1, str2) {
        var obj = {
            greeting: str1,
            name: str2,
            sayIt: function(){return this.greeting + ", " + this.name;}
        };
        return obj;   
    }