构造函数和原型

1.构造函数

构造函数是一种特殊书的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new 一起使用,我们可以把对象中一些公共的属性何和抽取出来,然后封装到这个函数里。(浪费内存)

注意:1.构造函数用于创建某一类对象,其首字母要大写

           2.构造函数要和new 一起使用才有意义

var Hattie = new Star();

 实例成员就是 构造函数内部通过this 添加的成员

console.log(Star.name) ///  不可以通过构造函数来访问实例成员,

Star.sex = '男';         // 静态成员只能通过构造函数来访问

console.log(Hattie.sex);

构造函数原型 protoype

原型是一个对象

作用是 共享方法

构造函数通过原形分配的函数是所有对象共享的

JavaScript 规定, 每一个构造函数都有一个prototype 属性,指向另一个对象,注意这个prototype 就是一个对象,这个对象的所有属性和方法,都会被构造函数所用。

公共属性放在构造函数中,公共方法放在原型里。

对象原型 __proto__

在对象身上系统自动添加一个__proto__    指向我们构造函数的原型对象

 

constructor 构造函数(称constructor 为构造函数,它是对象原型(__proto) 和构造函数(protype)原型对象里面的的一个属性

指出是那个构造函数

Star.prototype = {                                                 // 如果我们修改了原来的原型对象,给对象赋值的是一个对象,      

constructor: Star,                                                   //  则必须手动的利用constructor 指回原来的构造函数

sing : function(){  console.log('l啦啦啦'); } ,

move: function() {console.log('啦啦')}  }

 

 

 

1. 在构造函数中与原型对象中, this 都 指向 对象实例

<script>
			function Star(name, age) {
				this.name = name;
				this.age = age;
			}
			var that;
			Star.prototype.sing = function() {
				console.log("想唱就唱");
				that = this;
				
			}
			var Hattie = new Star ('Hattie',18);
			Hattie.sing();
			console.log(that === Hattie);  ///  结果是true
</script>             

扩展内置对象:通过原型对象对原来的内置对象进行扩展自定义的方法

//            数组的原型对象

Array.prototype.sum = function() {
			var sum = 0;
			for (var i = 0 ; i < this.length ; i++) {
				sum  += this[i];
				
			}
			return sum;
		}
		
		var arr = [1,2,3];
		console.log(arr.sum());
		var arr1  = new Array(11,22,33);
		console.log(arr1.sum());

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值