对象篇--自定义对象总结

1 创建自定义对象

//方法一:创建一个函数,在进行创建对象
var obj1 = new Object();
			obj.name = "coco";
			obj.getName = function(){
					//要执行的代码体
		}
//方法二:创建对象同时进行赋值。
var obj2 = {
		name:"coco",
		getName:function(){
					//要执行的代码体		
		}
}

2 工厂模式

我们可能要创建很多的对象,这些对象重复添加属性或者方法,它们仅仅属性值不同。所以我们就定义一个方法作为工厂,然后在方法里面创建对象,动态传入参数,然后return出去。就可以实现大批量创建对象。
问题:创建的都是Object对象,想要创建其他对象,创建对象就要调用函数(方法),就引入了构造函数。

3 构造函数

我们创建一个对象其实就是调用构造函数,new Object()一创建Object对象就会调用方法,类比于此我们就自己定义一个方法–构造方法

function Student(){
	//代码体
}
var stu = new Student();

学到这里我们就知道方法有两种调用方式:
(1)方法名(); ----普通函数调用
(2)new 方法名(); ----构造函数调用创建对象
问题:

function Student(){
			this.getName = function(){
					//代码体
			}	
}
//创建对象
var stu = new Student();

创建了多个方法,每创建一个对象就会创建一次getName()方法赋值给this.getName
全局变量和局部变量:把这个方法定义为全局变量。
问题:
会污染全局变量名,同时方法不安全会被覆盖。

4 原型

就相当于一个公共的区域,所有同一个类的实例都可以访问到这个原型对象,我们就可以将对象中公共的内容统一设置到原型对象中去。

function Student(){
						prototyep = 对象
					}
var stu = new Student();
console.log(stu.__proto__ == Student.prototype);		//结果:true

5 最终版本

<script type="text/javascript">
		//创建构造函数
		function Student(name){
			this.name = name
		}
		//向原型对象的公共区域添加对象实例的公共内容
		Student.prototype.getName = function(){
					//共性代码体
		}
		//创建对象
		var stu = new Student("yige");
		stu.getName();
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值