三分钟带你看懂prototype原型—

三分钟带你看懂prototype原型——ES6进阶

1. prototype 定义
2. new 构造函数
3. 存储
4. prototype 作用

1. prototype 定义

在JS中的类的实现是基于Prototype的，基于原型的继承比基于类的继承在概念上更为简单：一个新对象可以继承一个旧对象的属性

2. new 构造函数

代码很短很简单，要看完嗷~

// 源于黑马视频教程
function Star(uname,age){this,uname = uname;this.age = age;this.sing = function(){console.log('我会唱歌')}
}
var ldh = new Star('刘德华',18)
var zxy = new Star('张学友',19)

如图，构造函数，又称类函数，与普通的函数没什么区别，但是前面加上了 new ，就能够在内存中重新开辟内存空间

3. 存储

上文中有提到 new 关键字，既然是分配出了新的内存空间，从性能方面考虑，自然要让分配的内存尽可能的少，换句话说，应该将相同的部分整合到一个相对固定的内存空间里面公用，而不是开辟一个新的内存空间。

4. prototype 作用

没错，prototype的作用就是 共享方法 ，在上面的例子中，ldh和zxy对象都有一个sing方法，我们想要他们共享同一个内存方法，让new时所分配的内存空间尽可能的少。

所以我们对上面的代码进行如下处理：

Star.prototype.sing = function(){console.log('我会唱歌')
}

这样，我们就把上面的2个sing的内存空间整合到了一起，以后new出的对象，都会到Star原型里面去找。

ps：换句话说，先在对象ldh、zxy里面找sing方法，要是找不到，就跑到上一级，也就是Star原型里面找。

供交流，共勉~

三分钟带你看懂prototype原型——ES6进阶相关推荐

三分钟带你看懂HDMI接口的PCB设计
三分钟带你看懂HDMI接口的PCB设计本文主要讲解的是HDMI的设计,包括作用和运用的总结,希望大家看了以后能轻松的应对各种HDMI方案的PCB设计. 一.什么是HDMI? 高清晰度多媒体接口(英文 ...
三分钟带你弄懂slot插槽——vue进阶
文章目录三分钟带你弄懂slot插槽--vue进阶一.概述程序员之死什么是 slot插槽? 2.6.0 版本中的 slot 二.具名插槽例子效果图代码三.小惊喜三分钟带你弄懂slot插 ...
开关柜太复杂看着头疼？三分钟带你看懂开关柜！
安科瑞华楠开关柜是指按一定的方案将一次设备.二次设备组装而成的成套配电装置,主要用来对线路.设备实施控制.保护.开关柜按进出线电压等级可分高压开关柜(固定式和手车式)和低压开关柜(固定式和抽屉式) ...
一分钟带你看懂UML图
一分钟带你看懂UML图小小demo package Test;/*** @Description:* @ProjectNmae: demo1* @PackageName: Test* @ClassN ...
三分钟带你读懂 BERT
本文为 AI 研习社编译的技术博客,原标题 : BERT Technology introduced in 3-minutes 作者 | Suleiman Khan, Ph.D. 翻译 | 胡瑛皓.s ...
【全干货】5 分钟带你看懂 Docker ！
欢迎大家前往腾讯云社区,获取更多腾讯海量技术实践干货哦~ 作者丨唐文广:腾讯工程师,负责无线研发部地图测试. 导语:Docker,近两年才流行起来的超轻量级虚拟机,它可以让你轻松完成持续集成.自动交付 ...
干货：五分钟带你看懂NestedScrolling嵌套滑动机制
Android NestedScrolling嵌套滑动机制 Android在发布5.0之后加入了嵌套滑动机制NestedScrolling,为嵌套滑动提供了更方便的处理方案.在此对嵌套滑动机制进行详细 ...
【全干货】5 分钟带你看懂 Docker ！ 1
作者丨唐文广:腾讯工程师,负责无线研发部地图测试. 导语:Docker,近两年才流行起来的超轻量级虚拟机,它可以让你轻松完成持续集成.自动交付.自动部署,并且实现开发环境.测试环境.运维环境三方环境的 ...
【全干货】5分钟带你看懂 Docker！
作者丨唐文广:腾讯工程师,负责无线研发部地图测试. 导语:Docker,近两年才流行起来的超轻量级虚拟机,它可以让你轻松完成持续集成.自动交付.自动部署,并且实现开发环境.测试环境.运维环境三方环境的 ...

三分钟带你看懂prototype原型——ES6进阶

三分钟带你看懂prototype原型——ES6进阶

1. prototype 定义

2. new 构造函数

3. 存储

4. prototype 作用

三分钟带你看懂prototype原型——ES6进阶相关推荐

最新文章

热门文章