0

0

原型、原型链 的相关内容讲解

jacklove

jacklove

发布时间:2018-06-11 22:30:35

|

2058人浏览过

|

来源于php中文网

原创


这里prototype表示系统自带的属性,第一句话表示设置了Person的祖先有一个属性Lastname,后面创建person和person1

属性的时候就会继承这个属性值


一个小的例子表示继承的关系

prototype可以将一些对象共有的东西致只写一遍,不同每次都创建一遍


此外,还可以把原型封装起来,这样会更好


上个例子中的constructor是一个系统自带的属性(叫做构造器),他是从prototype继承过来的,并且这个属性是可以更改的,它的内容是构造函数我们可以看一下


浅紫色的代表系统自带的


而另一个属性__proto__的内容是prototype的内容(两个__是隐式命名规则)

一般在开发中如果你不想让同事访问或者改变一个参数,那么就会想这样命名一个参数,js中没有绝对的private


这里是一个修改__proto__的例子,这样ff就可以访问person.prototype里面的值了



这里访问Person.name依然会是sunny,因为这个例子就好像


虽然改变了整个prototype的结构,但是在第二次改变为cherry之前,已经

也就是在被new的时候this{}里面的值就会返回给person,然后再改变成cherry的时候就不会被影响了,所以这压力要考虑执行顺序。

但是如果改变函数语句顺序:


那么person.name就会变成cherry,因为执行顺序变了

但是如果是这样来修改,就能修改成功了

原型链


这是一个原型链,通过prototype这个结点链接,这样的话,son就能访问到lastname,然后其实Grand上面还有一个原型,有一个Grand.prototype=object    object是所有原型链的终端







因为new是person的,所以this{}返回给person,

person.__proto__链接的是Person.prototype,所以不变(也就是说Person.prototype除了直接修改,都变不了





Person不能直接访问sayName



Object.create(原型):


这样的话就能访问到Person中的prototype,但是不能访问到age这个内部数据


这样是能都访问到的:


之前有一句话叫:绝大多数对象最终都谁继承自Object.prototype

但是并不是所有对象都是继承自它的,因为存在以下例外:

蓝色商务公司网站(XDcms内核)1.0
蓝色商务公司网站(XDcms内核)1.0

本系统使用的是XDcms内核,在原来基础上做来相应修改 前台修改调用数据,可以使用{loop catid=栏目ID}{/loop}方式调用 主要功能: A、内容管理模型,自定义字段,更方便扩展功能。自带模型:单页模型、新闻模型、产品模型、招聘模型 B、栏目自定义,便于内容管理 C、内容模块化,二次开发更便捷。自带模块:幻灯片、QQ客服、友情链接、自定义表单(在线留言、简历管理) D、模板管理,后台

下载


这样的的话:


obj里面就没有__proto__了

如果手动给他加上__proto__:


但是这样的话


就找不到obj.name了,要访问这个数据只能:



/*************************************************************************************************************/

拓展:

toString()方法:

toString()方法是Object.prototype里面自带的,所以绝大数对象都会有这个方法(除了undefined和null)


这两个不能通过包装类来继承Object的原型,所以访问不了。


数字只能这样访问,而不能:


因为数字里面的‘.’优先级很高,系统会把它认为是小数点(浮点类型),所以会报错

而布尔类型就能直接这样


我们再来详细解析一下:


num.toString()就会出现包装类:


而其实Number的原型里面有一个重写的toString()方法:


而根据原型链,Number的原型里面的__proto__会继承Object的原型:


所以当调用num.toString()方法时会一级一级往上,先调用Number里的这个函数原型

再来实战:



这里调用的肯定是:


这里从object.prototype继承过来的toString方法,如果我想要截断它:


只需要重写这个方法就行了

结果:


下面是一些已经自动重写过的:


最后讲一个小bug:


这是因为js的精度不准的原因,

本文讲解了原型、原型链 的相关内容,更多相关知识请关注php中文网。

相关推荐:

JQuery中DOM操作——wrap

django 使用 request 获取浏览器发送的参数

React this绑定的几点思考

相关文章

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

10

2026.01.23

php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

29

2026.01.22

PHP后端开发相关内容汇总
PHP后端开发相关内容汇总

本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

21

2026.01.22

php会话教程合集
php会话教程合集

本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

21

2026.01.22

宝塔PHP8.4相关教程汇总
宝塔PHP8.4相关教程汇总

本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

13

2026.01.22

PHP特殊符号教程合集
PHP特殊符号教程合集

本专题整合了PHP特殊符号相关处理方法,阅读专题下面的文章了解更多详细内容。

11

2026.01.22

PHP探针相关教程合集
PHP探针相关教程合集

本专题整合了PHP探针相关教程,阅读专题下面的文章了解更多详细内容。

8

2026.01.22

菜鸟裹裹入口以及教程汇总
菜鸟裹裹入口以及教程汇总

本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

55

2026.01.22

Golang 性能分析与pprof调优实战
Golang 性能分析与pprof调优实战

本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

9

2026.01.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
swoole进程树解析
swoole进程树解析

共4课时 | 0.2万人学习

golang和swoole核心底层分析
golang和swoole核心底层分析

共3课时 | 0.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号