javascript创建对象方式

偏执的太偏执、 2023-07-12 09:20 2阅读 0赞

### javascript创建对象方式 ###

`javascript`创建对象简单的说,无非就是使用内置对象或各种自定义对象，当然还可以用`JSON`；但写法有很多种，也能混合使用

*  对象字面量的方式

person={ firstname:"曹豆芽",lastname:"曹",age:21,eyecolor:"blue"};

*  用`function`来模拟无参的构造函数

function Person(){ }
    	var person=new Person();//定义一个function，如果使用new"实例化",该function可以看作是一个Class
            person.name="曹豆芽";
            person.age="20";
            person.work=function(){ 
            alert(person.name+" hello...");
    }
    person.work();

*  用`function`来模拟参构造函数来实现（用`this`关键字定义构造的上下文属性）

function Pet(name,age,hobby){ 
           this.name=name;//this作用域：当前对象
           this.age=age;
           this.hobby=hobby;
           this.eat=function(){ 
               alert("我叫"+this.name+",我喜欢"+this.hobby+",是个前端工程师");
           }
    }
    var maidou =new Pet("曹豆芽",21,"coding");//实例化、创建对象
    maidou.eat();//调用eat方法

*  用工厂方式来创建（内置对象）

var wcDog =new Object();
         wcDog.name="阿福";
         wcDog.age=3;
         wcDog.work=function(){ 
           alert("我是"+wcDog.name+",吃东西");
         }
         wcDog.work();

*  用原型方式来创建

function Dog(){ }
    Dog.prototype.name="曹豆芽";
    Dog.prototype.eat=function(){ 
    	alert(this.name+"是个憨憨");
    }
    var wangcai =new Dog();
    wangcai.eat();

*  用混合方式来创建

function Car(name,price){ 
    	this.name=name;
    	this.price=price;
    }
    Car.prototype.sell=function(){ 
    	alert("我是"+this.name+"，我现在卖"+this.price+"万元");
    }
    var camry =new Car("曹豆芽",20);
    camry.sell();

[个人博客地址:][Link 1]大家可以看看

[Link 1]: https://caoduoya.github.io/