javascript 创建对象的几种方式

最新推荐文章于 2025-12-21 13:28:14 发布

原创最新推荐文章于 2025-12-21 13:28:14 发布 · 393 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

前端专栏收录该内容

20 篇文章

订阅专栏

本文介绍了使用JavaScript创建对象的六种常见方法：对象字面量、创建Object实例、工厂模式、构造函数模式、原型模式及混合模式，并提供了每种方式的具体示例。

        //1,对象字面量
        /*var car ={
            color:'red',
            name:'奔驰',
            func: function(){
                alert(this.color+this.name);
            }
        }
        car.func();*/
        //2，创建object 实例
        /*var car = new Object();
        car.color = 'red';
        car.name = '奔驰';
        car.func = function (){
            alert(car.color+car.name);
        }
        car.func();*/
        //3，工厂模式
        /*function createCar(color,name){
            var car = new Object();
            car.color = color;
            car.name = name;
            car.func = function () {
                console.log(this.color+this.name);
            }
            return car;
        }
        var car = createCar('蓝色','大众');
        car.func();*/
        //4,构造函数模式
        /*function car(color,name){
            this.color = color;
            this.name = name;
            this.func = function (){
                console.log(this.color+this.name);
            }
        }
        var car = new car('红色','奔驰');
        car.func();*/
        //5,原型模式
        /*function car(color,name){

        }
        car.prototype.color = 'blue';
        car.prototype.name = '大众';
        car.prototype.func = function(){
            console.log(this.color+this.name);
        }
        var car = new car();
        car.func();*/
        //6.混合模式（构造+原型）
        /*function car(color,name){
            this.color = color;
            this.name = name;
        }
        car.prototype.price = '20w';
        car.prototype.func = function(){
            console.log(this.color+this.name+this.price);
        }
        var car = new car('蓝色','大众');
        car.func();*/