js中创建对象方式

Posted 流世幻羽

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中创建对象方式相关的知识,希望对你有一定的参考价值。

1.基本的三种方式

<script>
 //1.方法一
 var per1={
 	name:"卡卡西",
 	age:"15",
 	eat:function(){
 		console.log("及哈哈");
 	}
 };
//方法二
var per2=new Object();
per2.name="大蛇丸";
per2.age=14;
per2.eat=function(){
	console.log("吃阿布");
	
}


console.log(per2 instanceof Object);
//第三种是构造函数,
function Person(name,age,sex){
	this.name=name;
	this.age=age;
	this.play=function(){
		console.log("天天打游戏");
		
	}
}
var p=new Person("名人",19);
p.play();
console.log(p instanceof Person);



 
</script>

  

2工厂的方式

function Person(name,age) {
      this.name=name;
      this.age=age;
      this.sayHi=function () {
        console.log("您好");
      };
   
    }
// 工厂的方式
function createPerson(name,age){
	var obj=new Object();
	obj.name=name;
	obj.age=age;
	obj.sayHi=function(){
		console.log("你好aa");
	}
	   return obj;
}
  var per2=createPerson("小明",20);
  per2.sayHi();

 

 

以上是关于js中创建对象方式的主要内容,如果未能解决你的问题,请参考以下文章

js中创建对象的几种方式

js中创建对象方式----原型模式

JS中创建对象的三种方式

js中创建对象的方法

jS 中创建对象:

当我尝试在 ace.js 中创建 Range 对象时,抛出“Illegal Constructor”错误