JavaScript创建对象的几种方式

前言

JavaScript创建对象的方式有很多,但无非就是使用内置对象或各种内置对象或各种自定义对象,也可以用JSON;写法有很多种,也能混合使用。下面来一一展示。不做叙述,全靠意会。

创建对象方法

一·对象字面量的方式
person = {firstname:"Mark",lastname:"Yun",age:25,eyecolor:"black"};
二·用function模拟无参的构造函数
function Person(){}
var person = new Person();
//定义一个function,如果使用new“实例化”,该function可以看作是一个class
person.name = "bahuang";
person.age = "999岁";
person.work = function(){
	alert(person.name + "hello");
}
person.work();
三·用function来模拟参构造函数来实现

(用this关键字定义构造的上下文属性)

function Pe(name,age,hobby){
	//this指向当前对象
	this.name = name;
	this.age = age;
	this.hobby = hobby;
	this.eat = function(){
		alert("我叫"+this.name+"我喜欢"+this.hobby+",是个画家。");
	}
}
var bahuang = new Pe("八荒",25,"drawing");//实例化,创建对象
bahuang.eat();
四·工厂方式(内置对象)
var immortal = new Object();
immortal.name = "八荒";
immortal.age = "999岁";
immortal.work = function(){
	alert("我是"+immortal.name);
}
immortal.work();
五·原型
function Immortal(){};
Immortal.prototype.name = "八荒";
Immortal.prototype.eat = function(){
	alert(this.name+"是个画家?");
}
var bahuang = new Immortal();
bahuang.eat();
六·混合方式
function Fruit(name,price){
	this.name = name;
	this.price = price;
}
Fruit.prototype.sell = function(){
	alert(this.name+"现在卖"+this.price+"元!");
}
var cherry = new Fruit("樱桃",99);
cherry.sell();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值