js 构造函数的理解原型和原型链的理解

努力学习前端的77

于 2021-06-22 16:00:23 发布

阅读量138

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_36545813/article/details/118109038

JavaScript 专栏收录该内容

34 篇文章

订阅专栏

本文深入探讨了JavaScript中的构造函数与原型概念。通过示例解释了构造函数的调用方式及其内部this的指向，强调了在构造函数中定义方法可能导致的内存浪费。同时，介绍了将方法放在原型上以实现所有实例共享，提高内存效率。通过Person构造函数及per1、per2两个实例，展示了如何使用原型来定义和访问实例的公共属性和方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

视频地址：讲的很详细

关于原型的理解可以看看我之前写的文章

function Person(name,age) {//构造函数与普通函数最大的区别是调用方式的不同，通过new关键字调用。构造函数一般使用大写。
	this.name = name;
	this.myfunc = Person.prototype.func;
}

Person.prototype.func = function() {//因为每创建一个实例对象都会分配一块内存空间，如果将函数定义在构造函数内，那么有多少个实例就会创建多少个函数。所以将func写在类的原型上
//可以将共有的属性和方法都添加到原型上。所有的实例都能访问
	console.log('大家好，我是：'+this.name);//this指向调用函数的对象。所以这里不用传参，就可以通过this访问到实例的name属性
}

const per1 = new Person('小红',18);//new Person类后会自动创建一个实例对象，并将该实例对象赋给this。即构造函数内的this === per1
const per2 = new Person('小绿',28);