这是一个比较特殊的属性,Javascript中的继承一般都依赖这属性实现。
在Javascript中,一切都是对象,字符串是对象,数组是对象,变量是对象,函数也是对象,所以才会允许['a','b','c'].push('d');这样的操作存在。类本身也是一个对象,也可以定义属性和方法:
复制代码 代码如下:
function Test(){};
Test.str = 'str';
Test.fun = function(){return 'fun';};
var r1 = Test.str; // str
var r2 = Test.fun(); // fun
var inst = new Test();
var r3 = inst.str; // undefined
var r4 = inst.fun(); // undefined
prototype就是一个作用于类的属性。默认情况下,所有Javascript类都会有一个prototype属性,但是类实例没有。
复制代码 代码如下:
function Test(){};
var p1 = typeof(String.prototype); // object
var p2 = typeof(Test.prototype); // object
var p3 = typeof(new Test().prototype); // undefined
var p4 = typeof(Object.prototype); // object
var p5 = typeof(new Object().prototype); // undefined
取值与赋值
在Javascript中,当我们取一个对象中并不存在的属性或是方法时,它会试图查看该对象所对应的类中的prototype属性中是否包含该属性或是方法,而prototype也是一个Javascript对象,若是其中也没有,该prototype又会访问它对应的类的prototype,如此一级级地向上访问,直到找到需要的属性或方法,或是prototype属性为null。
复制代码 代码如下:
function Test(){};
Test.test = 'str';
function pt1()
{ this.test1 = 'pt1'; };
function pt2()
{ this.test2 = 'pt2'; };
pt2.prototype.test3 = 'test3';
pt2.prototype.test1 = 'test4';
pt1.prototype = new pt2();
Test.prototype = new pt1();
var inst = new Test();
var p1 = inst.test; // undefined
var p2 = inst.test1; // pt1 而不是 test4
var p3 = inst.test2; // pt2
var p4 = inst.test3; // test3
相对于取值,赋值就简单得多了。它并不会一层层向上查找prototype中的属性值,而直接对当前的实例进行赋值,没有则创建。
内置类的增强
在Javascript中并不能直接修改内置类的prototype。但是可以通过修改prototype的属性达到修改内置类行为的目的。
复制代码 代码如下:
Array.prototype = {push:function(){alert('test1');}}; // 不起作用
Array.prototype.push = function(){alert('test2');}; // 可以
var test = new Array('a','b','c');
test.push('d'); // test2
一次可以插入多个元素的Array.push函数:
复制代码 代码如下:
Array.prototype.pushs = function()
{
var pos = this.length;
for(var i=0; i<arguments.length; i++)
{
this[++pos] = arguments[i];
}
return this.length;
}
var test = new Array('a','b','c');
test.pushs('d','e');
值得注意的是,为内置类的prototype添加的函数,在使用for语句输出属性时,也会被显示:
复制代码 代码如下:
var str;
for(var i in test)
{
str += (' ' + i); // '0 1 2 3 4 5 pushs' pushs自定义函数。
}
但是可以通过hasOwnProperty()进行判断:
复制代码 代码如下:
var str;
for(var i in test)
{
if(test.hasOwnProperty(i)) // 过滤掉pushs函数。
{ str += (' ' + i); }
}
]
一点点注意事项
前面说过,prototype是类的一个属性。更改prototype中的属性值,有可能会带来意想不到的灾难!
复制代码 代码如下:
function Test(){}
Test.prototype.num = 3;
var inst1 = new Test();
var inst2 = new Test();
Test.prototype.num = 4; // 所有指向Test.prototype.num的值。
var p1 = inst1.num; // 4
var p2 = inst2.num; // 4
inst1.num = 5; // 赋值,会为inst对象创建一个num属性。
Test.prototype.num = 6; // 所有指向Test.prototype.num的值。
var p3 = inst1.num; // 5 这里返回的是刚创建的inst1.num的值,而不是Test.prototype.num的值。
var p4 = inst2.num; // 6
delete Test.prototype.num;
var p5 = inst1.num; // 5 inst1.num依然存在。
var p6 = inst2.num; // undefined Test.prototype.num 被删除了。
相关推荐:
ChatGPTCanvex打不开?详细分析及解决方法助你顺利使用,ai2.5d网格线去除
专业SEO方案助力企业网站流量暴增,精准引流不再是难题,网站建设合同4篇
SEO运维:提升网站排名的核心战略,邢台网站建设优化建站
ChatGPT回答是空白的背后,究竟隐藏着什么秘密?,如何用ai写作来赚钱
ChatGPT无法访问原因分析及解决方案,斑马ai报道
AI免费写作一键生成,效率与创意的完美结合
seo类文章是什么,seo技术文章 ,ai3.5-ai聊天
“关键词指白”:揭秘如何通过精准关键词优化实现流量暴增,全面分析网站seo
ChatGPT在处理文本时可能无法完全理解上下文的复杂性,肌肉ai
企业关键字-助力企业成功的隐形动力,闽侯县企业网站建设
GPT版本全解:从基础到高级,如何选择最适合你的方案?,韩国ai人工智能
seo该从什么开始,seo是什么时候开始的 ,ai写作免费英文怎么说
OpenAIGPTChatSoraOpenAIChatGPT服务在中断数小时后已恢复,ai视图线稿
SEO观察:2025年搜索引擎优化的新趋势与机遇,seo2是什么状态
ChatGPT故障你从未听过的真相,究竟是什么让它偶尔“失灵”?,ai 图片 矢量
SEO快速优化排名:助你网站跃升搜索引擎首页,ai彩虹立体9怎么做
怎么用AI写文章:高效创作的秘诀
seo网站页面优化包括什么,seo页面优化技术 ,no ai写作
SEO快速优化技术:助力网站流量暴增,轻松登顶搜索引擎,铜陵ai全网通推广软件
AI免费文章解读:智能写作新篇章,小店AI
seo能解决什么问题,seo会遇到哪些问题 ,挚爱花嫁ai
ChatGPT免费版的限制:你需要了解的5大制约因素,Ai分解模型
ChatGPT40不收费版本:科技革新,智能助手助力生活与工作,ai医疗武器有哪些
用AI生成的文章算原创吗?深度解析AI写作背后的秘密
SEO引擎优化方法-让你的网站流量暴增的实战指南,ai智慧树
AI免费写文章生成器高效写作新革命
SEO合作:让你的网站在搜索引擎中脱颖而出,惠州抖音seo策划公司
seo网站关键字排名优化,网站seo关键词 ,运动ai
SEO领站-从零到一打造成功网站排名的秘密,轻淘客seo怎设置
pbootcms前端翻译插件-轻松实现网站多语言支持,拓展全球市场,st ai绘画
SEO找词:如何精准找到高效关键词,提升排名和流量,河源网站优化平台
AI提取文章重要内容:让信息抓取更高效、更精准,松鼠ai 教学
ChatGPT破解:人工智能未来的无限可能,污污AI解说
SEO韩国:为您开启国际市场的增长之门,seo文章标题有哪些
SEO埋词技巧,如何提升网站排名?,贵州营销推广方法
SEO导航:助力网站提升流量与排名的必备工具,荣昌建筑网站建设
用AI写科普文章:科技改变写作的未来
ChatGPT的诞生,预示着人工智能大规模应用的时代已经来临,ai此生不渝
SEO地址优化的秘诀:提升网站排名与流量的关键,临沂如何优化网站关键词
ChatGPTDNS出问题?如何快速解决并保障网络畅通,墨镜ai照片
SEO优化是做什么的?让你的网站流量飙升的秘密武器,乳腺癌ai作用机理
用AI生成文章,让创作更简单高效
URL站长的崛起:打造高效网站运营的秘密武器,网站建设费用计算依据
ChatGPT界面看不到用户:隐秘的互动方式与智慧的背后,AI和UR
智能AI写文章:高效创作新风尚
文章AI排版,让创作更高效的秘密武器
ChatGPT怎么找梯子:突破网络限制,轻松访问AI助手的终极指南,鬼灭之刃人物AI还原
OpenAI智能诊断医疗-开启精准医疗新纪元,跟侯维静学ai
ChatGPT充值打不开?这几招教你轻松解决问题!,免费的ai写作绘图
SEO优化快:如何在短时间内实现网站流量爆发,Lacey0508ai