小何谈原型(上篇)

简介: 小何谈原型(上篇)

1. 为什么要用原型?



原型上所有的方法和属性都可以被构造函数共享(实际开发原型主要共享方法和所有实例公用引用属性),那为什么要共享呢?


/**
* 定义老师的信息
* @param _name    姓名
* @param _type    类型
* @param _age   年龄
*/
function teacher(_name, _type, _age) {
  this.name = _name
  this.type = _type
  this.age  = _age
  this.students = ['小何', '小罗', '小陈']    // 数组也是一种引用类型数据
  this.show = () => {
    console.log(`老师:${ this.name }, 是:${ this.type }, 年龄:${ this.age }`)
    console.log(`共同的学生有:${ this.students }`)
  }
}
// 对象也叫实例
// zs叫做对象变量,对象是等号右边通过new出来的一个实例,而且是运行期间才在堆中开辟对象的内存空间
const zs = new teacher('张三', '语文老师', 28)    // 语文老师
const ww = new teacher('王五', '数学老师', 36)    // 数学老师
zs.show()
ww.show()
复制代码


网络异常,图片无法展示
|


方法栈,运行时执行方法会入栈,方法执行结束后会出栈


网络异常,图片无法展示
|


2. 没有用原型会有什么问题?



总结问题:所有teacher对象也叫teacher实例,都有相同的学生对象,相同的学生对象用students英文表示,所有teacher对象都有相同的show方法,但我们发现每一个teacher对象,也叫teacher实例都单独分配一个students属性空间和一个show方法空间


如果不使用原型,会导致大量的空间浪费


答案: 使用原型解决所有实例上的方法,还有所有实例上的共同属性都可以放到原型上去定义

相关文章
|
10月前
|
前端开发 JavaScript
【面试题】原型与原型链 进一步理解~
【面试题】原型与原型链 进一步理解~
|
10月前
|
算法 Linux C++
【C++入门到精通】C++入门 —— 深浅拷贝函数
是C++中的一个特殊成员函数,用于创建对象的副本。它的作用是通过使用已有对象的属性值来初始化新对象,实现对象的复制操作。通过定义拷贝构造函数,我们可以控制对象的拷贝过程,并确保正确处理含有指针或动态分配内存的类。
88 0
|
架构师 数据可视化 人机交互
Axure介绍与原型案例分享
Axure介绍与原型案例分享
|
前端开发
前端学习案例1-原型面试题1 原
前端学习案例1-原型面试题1 原
84 0
前端学习案例1-原型面试题1 原
|
程序员 C语言 Python
|
编译器 程序员 C语言
C嘎嘎~~ [类 上篇]
C嘎嘎~~ [类 上篇]
|
前端开发
前端学习案例10-原型面试题
前端学习案例10-原型面试题
96 0
前端学习案例10-原型面试题
|
前端开发
前端学习案例11-原型面试题2
前端学习案例11-原型面试题2
77 0
前端学习案例11-原型面试题2
|
前端开发
前端学习案例9-原型面试题1
前端学习案例9-原型面试题1
94 0
前端学习案例9-原型面试题1
|
前端开发
前端学习案例-原型2
前端学习案例-原型2
73 0
前端学习案例-原型2