javascript代码实例教程-js:深入prototype(上:内存分析)

发布时间:2019-02-03 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-js:深入prototype(上:内存分析)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

/**
* 以下演示了通过原型的创建方式,使用基于原型的创建可以将属性和方法
* 设置为PErson专有的,不能通过window来调用。
* 原型是javascript中的一个特殊对象,当一个函数创建之后,会随之就产生一个原型对象
* 当通过这个这个函数的构造函数创建了一个具体的对象之后,在这个具体的对象中,就会有一个属性指向原型
*/
//第一种状态
function Person(){

javascript代码实例教程-js:深入prototype(上:内存分析)



}

//第二种状态
Person.PRototype.name = "octopus";
Person.prototype.age = 23;
Person.prototype.say = function(){
alert(this.name+":"+this.age);
}

javascript代码实例教程-js:深入prototype(上:内存分析)

//第三种状态
VAR p1 = new Person();
p1.say(); //octopus:23
say(); //say is not defined 通过window没有办法调用say方法,如此就完成了封装

//检测p1是否有_prop_指向Person的原型
alert(Person.prototype.isPrototypeOf(p1)); //true

javascript代码实例教程-js:深入prototype(上:内存分析)

//第四种状态
var p2 = new Person();
p2.name = "Ada";
p2.say(); //Ada:23

//检测p1是否有_prop_指向Person的原型
alert(Person.prototype.isPrototypeOf(p1)); //true
//检测某个对象的constructor
alert(p1.constructor==Person); //true
//检测某个属性是否是自己的属性
alert(p1.hasOwnProperty("name")); //false p1自己的空间中没有值
alert(p2.hasOwnProperty("name")); //true p2在自己的空间中设置了name
//可以通过delete删除空间中的属性
delete p2.name;
p2.say(); //octopus:23
alert(p2.hasOwnProperty("name")); //false

//检测某个对象在原型或者自己中是否包含某个属性,通过 in 检测
alert("name" in p1); //true

alert("address" in p1); //false

javascript代码实例教程-js:深入prototype(上:内存分析)

-------------------------------------------------------------------------------------------------------------------------------------------------------------------

原创文章转载,请注明出处,本文首发于csdn网站:https://blog.csdn.net/magneto7/article/details/24913525

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-js:深入prototype(上:内存分析)全部内容,希望文章能够帮你解决javascript代码实例教程-js:深入prototype(上:内存分析)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。