JavaScript实现命名空间的多种方式

// 创建一个简单的命名空间
var MyNamespace = {
    // 定义属性
    name: 'MyNamespace',
    
    // 定义方法
    sayHello: function() {
        console.log('Hello, ' + this.name);
    }
};

// 调用命名空间中的方法
MyNamespace.sayHello(); // 输出: Hello, MyNamespace

var MyNamespace = (function() {
    // 私有变量
    var privateVar = 'I am private';

    // 公共方法，可以访问私有变量
    function publicMethod() {
        console.log(privateVar);
    }

    // 返回一个对象，暴露公共方法
    return {
        publicMethod: publicMethod
    };
})();

// 调用公共方法
MyNamespace.publicMethod(); // 输出: I am private

class MyNamespace {
    constructor() {
        this.name = 'MyNamespace';
    }

    sayHello() {
        console.log(`Hello, ${this.name}`);
    }
}

const myInstance = new MyNamespace();
myInstance.sayHello(); // 输出: Hello, MyNamespace

var App = {
    Models: {},
    Views: {},
    Controllers: {}
};

App.Models.User = function() {
    this.name = 'John Doe';
};

App.Views.Login = function() {
    this.render = function() {
        console.log('Rendering login view');
    };
};

App.Controllers.UserController = function() {
    this.createUser = function(user) {
        console.log('Creating user:', user);
    };
};

// 使用嵌套命名空间
const user = new App.Models.User();
new App.Views.Login().render();
new App.Controllers.UserController().createUser(user);

// 假设我们有一个用户模块
export class User {
    constructor(name) {
        this.name = name;
    }
}

// 在另一个文件中导入并使用这个模块
import { User } from './userModule.js';

const newUser = new User('Alice');
console.log(newUser.name); // 输出: Alice