一、 Prototype:每个函数(函数也可以理解为对对象)都有一个prototype属性,是一个指向某个对象的指针,这里所说的“某个对象”是由特定类型的所有实例共享的属性和方法构成的一个对象。可以简单的理解为由构造方法创建的对象的原型对象。
二、 定义方式
function Person(){}
Person.prototype.name = "zhangsan";
Person.prototype.age =23;
Person.prototype.sayHello = function(){
return "hello,I'm zhangsan";
};
因为每个函数都有prototype属性,而prototype又是指向原型对象的一个指针,所有我们就可以采用“.”的方式去定义原型对象的属性和方法。接下来,创建Person对象的时候就可以直接调用构造函数来创建。
var person1 = new Person();
var person2 = new Person();
person1、person2对象都共享原型对象所有的属性和方法,我们可以从以下输出结果可以看出来:
alert(person1.name); //zhangsan
alert(person2.name); //zhangsan
alert(person1.sayHello()); //hello,I’m zhangsan
alert(person2.sayHello()); //hello,I’m zhangsan
三、 深入理解原型对象
1.construtor:所有原型对象都有一个construtor属性,他是指向prototype 属性所在的函数的一个指针,可以用下面语句检测:
alert( Person.prototype.constructor == Person);//true
2.Person.prototype.constructor与Person.constructor的对比
alert( Person.prototype.constructor) // function Person() {}
alert(Person.constructor); //function Function() {[native code]}
一个alert语句很好理解,因为在前面已经说明constructor指向的就是Person()函数,但是第二个alert显示的是Function()函数,究及原因还得从“函数与对象”的关系说起。
alert(typeof Person); //function
alert(Person instanceof Object); //true
从上面两个结果可以看出,Person是一个函数,但是他可以作为对象存在,从这里我们就能很好的理解Person.constructor显示的信息为什么是“function Function() {[native code]}”了。具体可以这样去分析:
因为:function Person(){}等同于var Person = new Function(){};
代码的准备:
function
Person(){}
var
Person =
new
Function(){}
现在我们就开始来看图说话:
Person
引用指向的是
Function
实例(即中间的矩形框,右边的椭圆只是为了说明它左边表示一个对象)
Person.constructor
可以这样去追踪
:
“
Person
引用
”—->prototype
à
constructor
à
Function(){}
最后指向的是
Function
函数
(
对象
)
所以
alert(Person.constructor);
得到的值为:
function Function() {[native code]}
所以alert( Person.prototype.constructor)的值为:function Person() {}
4.每个person实例都包含一个内部属性_proto_,这个属性指向了原型对象。可以用isPrototypeOf()判断
alert(Person.prototype.isPrototypeOf(person1))//true.
5.对象读取属性或方法的步骤:从对象实例本身开始,如果找到了给定名字的属性,则返回该值,如果没有读到,则继续查找该实例内容属性_proto_指向的原型对象中查找。注意:如果实例本身有一个与原型实例相同名字的属性,那么原型实例中的属性将被屏蔽(不是覆盖,原型对象中的该属性的值依然保持原来的值不变)。使用delete可以删除实例中的属性,从而重新获取原型实例中的属性。
alert(person1.name); //zhangsan
person1.name="lisi";
alert(person1.name); //lisi
alert(Person.prototype.name);//zhangsan
delete person1.name;
alert(person1.name); //zhangsan
6.使用hasOwnProperty(name)(该方法继承于Object)判断属性是对象实例本身还是来自于原型对象中。
alert(person1.hasOwnProperty(“name”)); //false
peson1.name=”lisi”;
alert(person1.hasOwnProperty(“name”)); //true
7.判断属性来自于原型属性是需要用的in操作符
单独使用in时,通过对象能够访问的给定的属性值时返回true,而不在乎是从原型中还是实例中访问的。
!peron1.hasOwnProperty(“name”)&&(“name” in person1) //true
今天就写到这里,期待下期的精彩!!!
- 大小: 2.9 KB
- 大小: 8.3 KB
- 大小: 8.8 KB
分享到:
相关推荐
《JavaScript设计模式》是JavaScript设计模式的学习指南。全书分为14章。首先介绍了什么是模式、模式的结构、类别...通过阅读本书,他们将能够提高对设计模式的认识,并学会如何将设计模式应用到JavaScript编程语言中。
JavaScript设计模式.pdf
javascript高级-javascript设计模式。视频文件(无加密可在线观看)
在吃透了前面所说的书之后,接下来两本书的顺序已经无关紧要了,《JavaScript DOM高级程序设计》(注意和《JavaScript 高级程序设计》相区别)和《JavaScript设计模式》,这两本都是重量级的书,能让你的JS技术上一...
JavaScript设计模式与开发实践.pdf
JavaScript 设计模式(高清扫描版本)- 张容铭
作者针对常见的开发任务,从YUI等实战代码中取材,提供了专家级的解决方案,不仅透彻剖析了JavaScript扣的面向对象编程,而且深入探讨了如何用JavaScript实现以前只在服务器端应用的设计模式,如何根据实际场景选择...
JavaScript设计模式+JavaScript模式+JavaScript异步编程,合计三本pdf文件,5分超值哦。
针对JavaScript语言特性全面介绍了更适合JavaScript程序员的了16个常用的设计模式,讲解了JavaScript面向对象和函数式编程方面的基础知识,介绍了面向对象的设计原则及其在设计模式中的体现,还分享了面向对象编程...
本书的以那些期望提高自己在设计模式方面的知识并将它们应用到javascript编程语言中的专业开发者为目标读者。 一些所涉及的概念(闭包,原型继承)将假设读者具备一定程度的基本的预备知识和理解。如果你发现自己...
为了帮助大家快速和较好地理解JavaScript设计模式中的单例模式,本文对JavaScript的单例模式进行了分析并进行简易的代码演示,希望本文能够给有需要的人带来一点小小的帮助。
深入讲解Javascript开发原理以及Javascript客户端脚本开发的设计模式,看完该书可以拓展WEB开发人员的Javascript开发的思路。
怎样用JavaScript实现原型模式 概述 原型模式是指原型实例指向创建对象的种类,并通过拷贝这些原型创建新的对象,是一种用来创建对象的模式,也就是创建一个对象作为另一个对象的prototype属性; prototype警告...
本篇文章简单介绍了JavaScript设计模式中的两种,分别是单例模式和观察者模式,并且举了例子便于理解,希望大家一起交流,共同进步。
第7章 设计模式 单体模式 工厂模式 迭代器模式 装饰者模式 策略模式 外观模式 代理模式 中介者模式 观察者模式 小结 第8章 DOM和浏览器模式 关注分离 DOM脚本 事件 长期运行脚本 ...
包括面向对象,面向对象编程思想,javascript面向对象,设计模式通俗版,快速进入模式学习与实践。
外文翻译:学用JavaScript设计模式
享元模式最适合于解决因创建大量类似对象而累及性能的问题,本文将来总结JavaScript设计模式编程中的享元模式使用,包括在DOM操作时的利用示例: