创建js对象的几种方式

最新推荐文章于 2023-06-10 18:25:15 发布

ljt-tiger

最新推荐文章于 2023-06-10 18:25:15 发布

阅读量251

点赞数 1

分类专栏：前端文章标签： js javascript

本文链接：https://blog.csdn.net/qq_36336332/article/details/77096417

版权

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

1、静态创建对象，字面量对象。
2、动态创建对象，通过new去创建。
3、使用工厂模式创建对象,有返回值。

4、构造器创建对象，无返回值。

5、代码如下:





   
   
javaScript中创建对象


   
   

   
   


   
   
<script>

   
   
var person = {
	
   
   
	"name":"小兰",
	"age":22,
	
   
   
	info:function(){
		return this.name+","+this.age;
	},
};
console.log("字面量对象："+person.name);
console.log(person.age);
console.log(person.info());
console.log(typeof person);


   
   
var obj = new Object();
obj.name = "彩兰";	
obj.age = 23;
obj.height = 170.0;
console.log("动态创建对象:"+obj.name);
console.log(typeof obj);


   
   
function createObject(name,age){
	var p = new Object();
	p.name = name;
	p.age = age;
	p.info = function(){
		return this.name +","+ this.age;
	};
	return p;
};
var person = createObject("彩兰",21);
console.log("工厂模式创建对象:"+ person.info());
console.log(typeof person);


   
   
function Dog(name,age){
	this.name = name;
	this.age = age;
	this.info = function(){
		return this.name +","+ this.age;
	};
};
var dog = new Dog("小狗",12);
var name = dog.name;
console.log("构造器创建对象:"+name);
console.log(dog.info());
console.log(typeof dog);
</script>