javascript创建对象方式

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

个人博客地址:大家可以看看

发布了30 篇原创文章 · 获赞 31 · 访问量 4472

猜你喜欢

转载自blog.csdn.net/qq_41108972/article/details/104728973
今日推荐