JS原型对象通俗"唱法"
更新时间：2012年12月27日 16:06:45 投稿：mdxy-dxy
书上对于原型对象的说法给我整的眼花缭乱,完全不知道它在说什么,查了好多资料,终于有了些理解,下面我以通俗的大白话说说我对原型对象的理解
1.关于原型对象的重要知识点
首先要知道一个很重要的知识点,一句话:所有对象都有原型对象.
2. 对比其他语言的理解
原型对象,就是其它语言中的类中的静态属性和静态方法,总是是静态-static就对了.原理是: 内存中只有一份.
3. 在内存中的形象图:
首先,在产生js对象之前,我们需要创造一个构造函数(这都不知道,那就不要往下看了),如下:
复制代码 代码如下:
function Person(name_, age_) {
this.name = name_;
this.age = age_;
}
下面,我们就要new 对象了,这里,我们new三个(Person)对象,"张三" "李雷" "韩梅梅",他们来自同一个构造函数Person:
内存中就这样了,每个对象,都有自己的 name, age 内存.这里new了多少个对象,就要开辟多少块name, age内存.
看到这,应该还是比较好理解的. 下面我们添加一条属性.location属性,如下:
复制代码 代码如下:
function Person(name_, age_) {
this.name = name_;
this.age = age_;
this.location = "地球";
}
这时候 我们在new这三个人. 内存情况如下:
这里我们看,三个对象都有一个"地球"的内存空间. 这里你要动动大脑了, 三个人都有地球的内存,我们是不是可以这样呢?
你看这样好不好呢? 这样只需要一个地球,大家都可以用了. 看到这,好吧,公用的那个空间如果是个对象的话,就是所谓的原型对象了.饿?就这样?
是的,就这样.
4. 从代码的层次上介绍原型对象.
上图是内存中的对象,我们现在从代码的从面操作.
[code]
function Person(name_, age_) {
this.name = name_;
this.age = age_;
this.location = "地球";
}
相关文章
这篇文章主要帮助大家简单实现JavaScript弹幕效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了关于moment.js的常用方法及说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
这篇文章主要通过一张图让你看懂JavaScript各类型的关系，需要的朋友可以参考下2015-10-10
这篇文章主要介绍了基于JavaScript实现简单抽奖功能代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-10-10
说起幻灯片效果，想必大家都不陌生吧，接下来为大家介绍下使用jquery插件jquery.smallslider.js实现幻灯片效果示例代码，喜欢的朋友可以学习下2013-11-11
JS编码转换，这句话本身就是一句具有二重义的话。通常理解为JS文件里能转换编码的代码，但是，我所碰到的问题并不是这样的，是要解决JS文件本身的编码问题，它是UTF-8编码的还是ANSI编码的？2009-10-10
这篇文章主要介绍了微信小程序 子级页面返回父级并把子级参数带回父级实现方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-08-08
这篇文章主要介绍了javascript格式化json显示,实例分析了javascript操作json格式化的相关技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
添加事件的js方法也很多，有直接加到页面结构上的，有使用一些js事件监听的方法，由于各个浏览器对事件冒泡事件监听的机制不同2014-08-08
这篇文章主要为大家介绍了JS中的Promise.race控制并发量的深入理解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
最新评论