js对象创建的几种方法

一共六种:字面量创建,利用new Object创建,工厂模式,构造函数创建,原型创建模式,混合模式

 //1.字面量创建
        var obj1 = {
            name: '字面量创建'
        };
 //2.基本模式(new Object)
        var obj2 = new Object();
        obj2.name = 'new Object';
        console.log(obj2['name']); //new Object
        //是第一种,第二种方法的缺点所在:它们都是用了同一个接口创建很多对象,会产生大量的重复代码,就是如果你有100个对象,那你要输入100次很多相同的代码。
 //3.工厂模式
        function craetObj3(name) {
            let obj = new Object();
            obj.name = name;
            return obj;
        }
        var obj3 = craetObj3('工厂模式');
        console.log(obj3);
        //缺点:在这个函数中,返回的是对象,无法判断对象时什么类型的,craetObj3,Object
 //4.构造函数模式
        function CrearObj4(name) {
            this.name = name;
            this.run = function() {
                return this.name + '方法';
            }
        }
        var obj4 = new CrearObj4('构造函数');
        console.log(obj4.run()); //构造函数方法
        //缺点:每个方法都要在每个实例上重新创建一遍,方法指的就是我们在对象里面定义的函数。如果方法的数量很多,就会占用很多不必要的内存。
 //5.原型模式
        function Obj5() {}
        Obj5.prototype.name = '原型模式';
        var obj5 = new Obj5();
        console.log(obj5);
        //可以让所有实例共享obj5的属性方法
 //6.组合模式(构造函数和原型模式)
        function Obj(name) {
            this.name = name;
        }
        Obj.prototype = {
            constructor: Obj,
            run: function() {
                console.log(this.name);

            }
        }
        var obj6 = new Obj('组合模式');
        obj6.run();
        //这样不同的实例有自己特有的属性和共享方法
JavaScript 中创建对象方法有多种,以下是几种常用的方式: ### 使用对象字面量 这是最简单和常用的方式,通过花括号 `{}` 来创建一个对象,可以在其中直接定义属性和方法。 ```javascript var person = { name: '张三', age: 25, sayHello: function() { console.log("Hello, I'm " + this.name); } }; person.sayHello(); // 输出: Hello, I'm 张三 ``` ### 使用 `new Object()` 构造函数 通过 `new Object()` 可以创建一个对象,然后动态地为其添加属性和方法。 ```javascript var o = new Object(); o.name = "李四"; o.sayName = function() { console.log(this.name); }; o.sayName(); // 输出: 李四 ``` ### 使用构造函数 可以定义一个构造函数,通过 `new` 关键字来创建多个具有相同属性和方法对象实例。 ```javascript function Yingxiong(name, type, blood) { this.name = name; this.type = type; this.blood = blood; this.attack = function(attack) { console.log(attack); }; } var lp = new Yingxiong('廉颇', '力量型', '500血量'); console.log(lp.name); // 输出: 廉颇 console.log(lp.type); // 输出: 力量型 console.log(lp.blood); // 输出: 500血量 lp.attack('近战'); // 输出: 近战 var hy = new Yingxiong('后羿', '射手型', '100血量'); console.log(hy.name); // 输出: 后羿 console.log(hy.type); // 输出: 射手型 console.log(hy.blood); // 输出: 100血量 hy.attack('远程'); // 输出: 远程 ``` ### 使用 `class` 类(ES6 引入) 随着 ES6 的发布,JavaScript 引入了类(`class`)语法,使得创建对象更加直观和面向对象。 ```javascript class Person { constructor(name, age) { this.name = name; this.age = age; } sayHello() { console.log("Hello, I'm " + this.name); } } var person = new Person("John", 30); person.sayHello(); // 输出: Hello, I'm John ``` ### 使用工厂函数 工厂函数是一种设计模式,可以通过一个函数来创建并返回对象,避免重复的代码。 ```javascript function createPerson(name, age) { return { name: name, age: age, sayHello: function() { console.log("Hello, I'm " + this.name); } }; } var person1 = createPerson("Alice", 28); person1.sayHello(); // 输出: Hello, I'm Alice var person2 = createPerson("Bob", 32); person2.sayHello(); // 输出: Hello, I'm Bob ``` ### 使用 `Object.create()` 方法 `Object.create()` 方法允许通过指定的原型对象创建一个对象。 ```javascript var personPrototype = { sayHello: function() { console.log("Hello, I'm " + this.name); } }; var person = Object.create(personPrototype); person.name = "Charlie"; person.sayHello(); // 输出: Hello, I'm Charlie ``` ### 使用模块模式 模块模式是一种设计模式,通常用于创建单例对象,它利用了闭包来封装私有变量和方法。 ```javascript var personModule = (function() { var privateName = "秘密名称"; function sayPrivateName() { console.log("Private Name: " + privateName); } return { name: "公开名称", sayPublicName: function() { console.log("Public Name: " + this.name); }, sayBothNames: function() { this.sayPublicName(); sayPrivateName(); } }; })(); personModule.sayBothNames(); // 输出: Public Name: 公开名称 和 Private Name: 秘密名称 ``` ### 使用原型模式 原型模式允许通过复制现有对象的原型来创建对象,而不是通过构造函数。 ```javascript function Person() {} Person.prototype.name = "默认名称"; Person.prototype.age = 0; Person.prototype.sayHello = function() { console.log("Hello, I'm " + this.name); }; var person1 = new Person(); person1.name = "David"; person1.sayHello(); // 输出: Hello, I'm David var person2 = new Person(); person2.sayHello(); // 输出: Hello, I'm 默认名称 ``` ### 使用 ES6 的 `Proxy` 和 `Reflect` 虽然 `Proxy` 和 `Reflect` 主要用于元编程,但它们也可以用来创建和操作对象。 ```javascript var handler = { get: function(target, prop, receiver) { console.log(`Getting property: ${prop}`); return Reflect.get(target, prop, receiver); } }; var target = {}; var proxy = new Proxy(target, handler); proxy.name = "Eve"; console.log(proxy.name); // 输出: Getting property: name 和 Eve ``` ### 总结 JavaScript 提供了多种创建对象的方式,每种方式都有其适用场景。从简单的对象字面量到复杂的类和模块模式,开发者可以根据具体需求选择合适的方法。这些方法不仅提高了代码的可读性和可维护性,还增强了功能的灵活性和扩展性。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值