javascript 创建对象的三种方法

1. 利用字面量创建对象——{}

//创建对象
var obj={};


//添加对象和方法
obj.name="";
obj.work=function(){};


//调用
obj.属性名;
obj['属性名'];
obj.方法名();

• 例子：创建一个电脑对象，该对象要有颜色、重量、型号，可以看电影、听音乐、打游戏和敲代码。

//电脑对象 第一种创建对象的方法——字面量
        var computer={
            color:"red",
            weight:100,
            typeof:"HuiWei",
            watch:function(){
                console.log("看电影");
            },
            listen:function(){
                console.log("听音乐");
            },
            play:function(){
                console.log("打游戏");
            },
            work:function(){
                console.log("敲代码");
            }
        }

        //添加属性
        // computer.name="chenzihao";

        //调用
        // console.log(computer.color);
        // console.log(computer['typeof']);
        // computer.watch();
        // for(var k in computer){
        //     console.log(k+':'+computer[k]);
        // }
        console.log(computer);

2.使用关键字来创建对象——new Object()

//创建对象
var obj=new Object();

//添加对象
obj.name="";
obj.work=function(){};

//调用
obj.属性名；
obj['属性名'];
obj.方法名();

• 例子：创建一个按钮对象，该对象中需要包含宽、高、背景颜色和点击行为 

//按钮对象 第二种创建对象的方法——关键字
        var button=new Object();
        button.width="200px";
        button.height="200px";
        button.bgcolor="red";
        button.onclick=function(){
            console.log("点击");
        }
        button.name="chnezihao";


        //调用
        // for(var k in button){
        //     console.log(k+":"+button[k]);
        // }
        console.log(button);
        

3.使用构造函数去创建对象

//创建构造函数,构造函数没有retrun，但它会自动返回一个对象
function 构造函数名(){};


//调用构造函数去创建对象
var obj=new 构造函数名();

//添加属性和方法
obj.name="";
obj.work=function(){};

//调用对象
obj.属性名;
obj['属性名'];
obj.方法名();

•  例子：创建一个车的对象，该对象要有重量、颜色、牌子、可以载入、拉货和耕田。

        //车的对象 第三种创建对象的方法——构造函数
        //构造函数
        function Car(weight,color,mytypeof){
            this.weight=weight;
            this.color=color;
            this.typeof=mytypeof;
            this.work=function(){
                console.log("可以载人")
            }
        }

        //创建对象
        var myCar=new Car(200,"red","宝马");
        myCar.work1=function(){
            console.log("可以拉货物和耕田");
        }

        console.log(myCar);