javascript创建对象方式

发布日期: 2020-03-08

文章字数: 348

阅读时长: 1 分

阅读次数:

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();