JavaScript中的构造函数

本文详细介绍了JavaScript中构造函数的概念、语法格式、使用方法,包括如何创建对象、继承父构造函数以及new关键字的工作原理。通过实例演示了如何定义和调用构造函数,以及构造函数在对象创建和属性设置中的作用。
摘要由CSDN通过智能技术生成

JavaScript中的构造函数

构造函数︰是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数里面。

  1. 一次创建一个对象,里面很多的属性和有法是大量相同的。
  2. 因此我们可以利用函数的方法重复这些相同的代码我们就把这个函数成为构造函数
  3. 有因为这个函数不一样,里面封装的不是普通代码,而是对象
  4. 构造函数就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面。

构造函数的语法格式

function 构造函数名() {
	this.属性=;
	this.方法= function() {}
}
new 构造函数名();
  1. 构造函数名字首字母要大写
  2. 我们构造函数不需要return就可以返回结果
  • 用法举例
    在这里插入图片描述

构造函数和对象

  • 构造函数,如Stars()抽象了对象的公共部分,封装到了函数里面,它泛指某一大类( class )
  • 创建对象,如new Stars(),特指某一个,通过new关键字创建对象的过程我们也称为对象实例化

new关键字执行过程

  1. new构造函数可以在内存中创建了一个空的对象
  2. this就会指向刚才创建的空对象
  3. 执行构造函数里面的代码给这个空对象添加属性和方法。
  4. 返回这个对象(所以构造函数里面不需要return)。
<script>
	function Star(uname, age, sex){
		this.name = uname;
		this.age = age;
		this.sex = sex;
		this.sing = function(sang) {
			console.log(sang);
		}
	}
	var ldh = new Star('刘德华', 18, '男');
</script>

在这里插入图片描述


借用父构造函数继承属性

<script>
	// 1.父构造函数
	function Father(uname, age){
		// this指向父构造函数的对象实例
		this.uname = uname;
		this.age = age;
	}
	// 2 .子构造函数
	function Son(uname,age) i
		// this指向子构造函数的对象实例
		Father.call(this, uname, age);
	}
	var son = new Son('刘德华', 18);
	console.log(son);
</script>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值