js创建对象的三种方式

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

  1. 字面量创建对象
    直接使用 var 对象名={} 的方式创建
    为对象属性赋值使用 属性名:属性值 的方式实现
  2. 原始构造函数创建对象
    先试用 new 关键字创建对象完毕后在位对象属性赋值或者指定函数
  3. 自定义构造函数创建对象
    可以自定义一个构造函数,通过 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");
发布了38 篇原创文章 · 获赞 8 · 访问量 3320

猜你喜欢

转载自blog.csdn.net/hcwdd/article/details/90703602