创建对象的五种方式

第一种:实例对象 

//使用基本对象的方式
	<script type="text/javascript">
		var student = new Object();
		student.name="jin";
		student.age=12;
		student.show=function(){
			console.log(this.name,this.age);
		}
		student.show();
	</script>

第二种:其实就是在第一种的方式中来进行了封装,最终把赋值完成的对象返回,如果要实例对象的话,就只用调用这个方法就可以了

//第二种,工厂模式
	<script type="text/javascript">
		function Person(name,age){
			var person  = new Object();
			person.name = name;
			person.age = age;
			person.showinfo=function(){
				console.log(this.name,this.age);
			}
			return person;
		}

		var p = Person("ji",22);
		p.showinfo();
	</script>

第三种:这种就是最实用也是最普遍的:

//第三种:构造方法
	<script type="text/javascript">
		function person(name,age){
			this.name = name;
			this.age = age;
			this.showinfo = function(){
				console.log(this.name,this.age);
			}
		}

		//调用
		var p = new person("jjj",22);
		p.showinfo();
	</script>

第四种:字面量创建:

//第四种:字面量创建对象
	<script type="text/javascript">
		var person={
			name:"jjjij",
			age:22,
			showinfo:function(){
				console.log(this.name,this.age);
			}
		}
		person.showinfo();
	</script>

第五种:原型创建

//第五种:原型对象
	<script type="text/javascript">
		function User(name,age){
			this.name=name;
			this.age=age;
		}
		User.prototype.sex="男";
		User.prototype.showinfo = function(){
			console.log(this.name,this.age,this.sex);
		}

		var us = new User("jin",23);
		us.sex="nan";
		us.showinfo();
	</script>

猜你喜欢

转载自blog.csdn.net/jinqianwang/article/details/82494942
今日推荐