js创建对象的三种方式

最新推荐文章于 2025-07-04 20:45:19 发布

原创最新推荐文章于 2025-07-04 20:45:19 发布 · 518 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#JavaScript

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

博客介绍了JavaScript中对象的创建。JS有内置对象可直接使用，也能自行创建对象。常见创建方式有三种，分别是字面量创建、原始构造函数创建和自定义构造函数创建，还提到JS中原型概念类似Java的继承。

js中有document、conconsole等已经提供好可以直接使用的内置对象，除了内置对象，我们还可以自己创建需要的对象
JS中创建对象常见的有三种方式：

字面量创建对象
直接使用 var 对象名={} 的方式创建
为对象属性赋值使用 属性名:属性值 的方式实现
原始构造函数创建对象
先试用 new 关键字创建对象完毕后在位对象属性赋值或者指定函数
自定义构造函数创建对象
可以自定义一个构造函数，通过 new 关键字调用函数创建对象，js中提供原型的概念类似于Java中的继承，每个函数声明完后都会有一个表示原型的属性 prototype

DEMO：

//字面量创建对象
var person={
	name:"smith",
	age:18,
	sex:"男",
	//定义函数
	eat:function(fruit){
		console.log(this.name+"正在吃"+fruit);
	}
}
console.log(person.name+person.age+person.sex);
person.eat("banana");

//通过原有构造函数创建对象
var animal=new Object();
animal.name="smith";
animal.age=2;
animal.sex="男";
animal.eat=function(fruit){
		console.log(this.name+"正在吃"+fruit);
	}
console.log(animal.name+animal.age+animal.sex);
animal.eat("banana");

//通过自定义构造函数
function Emp(name,age,sex){
	this.name = name;
	this.age = age;
	this.sex = sex;
	this.eat=function(fruit){
		console.log(this.name+"正在吃"+fruit);
	}
}
var emp = new Emp("allen",18,"男");

console.log(emp.name+emp.age+emp.sex);
emp.eat("banana");