javascript中的 对象 和 原型
来源:互联网 发布:丁丁历险记 知乎 编辑:程序博客网 时间:2024/05/16 01:07
首先声明:javascript中每个对象都有一个constructor属性和一个prototype属性。constructor指向对象的构造函数,prototype指向使用构造函数创建的对象实例的原型对象。
现在有这样的假设:函数的prototype属性所指向的原型对象,与我们显示新建的原型对象并不是完全等同的。当我们调用函数的时候会创建一个原型对象,此时会首先查找当前环境中是否存在其原型对象,如果程序中不存在,就创建一个,如果环境中存在,侧查找他们的属性和方法,最后根据查找的结果返回一个原型对象,这个对象中的属性和方法总是优先使用默认原型中的属性和方法,也就是构造函数中定义的属性和方法。当当调用的方法或属性不存在于默认的原型中时,才使用定义在Person.prototype = {} 的属性和方法。
javascript是解释性的语言,语句都是顺序执行的,在第一段代码中,当我们使用 new 关键字创建新对象的时候,Person.prototype = {} 并没有执行,也就是说在当前的执行环境中找不到其中定义的方法和属性,而构造函数中没有该方法,所以出错。就像一个变量,给他赋值的时候程序没有执行将不能使用。在第二段中环境中已经存在该调用的方法,构造函数的原型对象已经创建完毕,所以可以得到结果。
再看下面的一段程序:
function Person(){}var person = new Person();Person.prototype = {constructor : Person,name : 'zxs',age : 24,sayName : function(){alert(this.name)}}person.sayName();在这段代码中会报错,sayName() is not defined。根据javascript高级程序设计第二版的解释,是因为重写的原型切断了构造函数与最初原型之间的联系。但是我们调整一下上面语句的顺序。如下:
function Person(){ }//var person = new Person();Person.prototype = {constructor : Person,name : 'zxs',age : 24,sayName : function(){alert(this.name)}}/*===========================================================*/var person = new Person();/*===========================================================*/ person.sayName(); // zxsalert(person.constructor) //function Object() { [native code]} or function Person() {} 取决与蓝色的语句是否有效注意上面两段代码等号中间的语句。按第二段的顺序写代码,将会输出 ”zxs“,这个结果说明在第一种情况下报错并不能说明是因为切断了构造函数与原想之间的联系引起的。
Person.prototype = {}本来就是一种定义对象的方法,而且在javascript中每个对象的constructor属性都默认的指向Object构造函数,这也就不难说明重写原型对象确实切断了构造函数与最初原型之间的联系,但并不能说明这种联系被切断之后 person就不能访问到sayName()函数。
现在有这样的假设:函数的prototype属性所指向的原型对象,与我们显示新建的原型对象并不是完全等同的。当我们调用函数的时候会创建一个原型对象,此时会首先查找当前环境中是否存在其原型对象,如果程序中不存在,就创建一个,如果环境中存在,侧查找他们的属性和方法,最后根据查找的结果返回一个原型对象,这个对象中的属性和方法总是优先使用默认原型中的属性和方法,也就是构造函数中定义的属性和方法。当当调用的方法或属性不存在于默认的原型中时,才使用定义在Person.prototype = {} 的属性和方法。
javascript是解释性的语言,语句都是顺序执行的,在第一段代码中,当我们使用 new 关键字创建新对象的时候,Person.prototype = {} 并没有执行,也就是说在当前的执行环境中找不到其中定义的方法和属性,而构造函数中没有该方法,所以出错。就像一个变量,给他赋值的时候程序没有执行将不能使用。在第二段中环境中已经存在该调用的方法,构造函数的原型对象已经创建完毕,所以可以得到结果。
再看下面的一段程序:
//////////////////////////////////////////////////////////////////////////function Person(){}/*===========================================================*/ var person = new Person();Person.prototype.name = 'song';/*===========================================================*///Person.prototype.sayName = function(){alert(this.name)};Person.prototype = {constructor : Person,name : 'zxs',age : 24,sayName : function(){alert(this.name)}}person.sayName(); // error//////////////////////////////////////////////////////////////////////////function Person(){ }/*var person = new Person();*/Person.prototype.name = 'song'; /*Person.prototype.sayName = function(){alert(this.name)};*/Person.prototype = { constructor : Person, name : 'zxs', age : 24, sayName : function(){alert(this.name)}}/*===========================================================*/var person = new Person();/*===========================================================*/person.sayName(); // zxs从这里可以看出使用 Person.prototype.name = '',的方式不论在什么地方创建对象都能被访问,如果同时存在对象字面量和这种方法定义原型对象,将使用后定义的作为最终值。并且对原型对象使用对象字面量定义之后,该定义必须出现在创建对象的语句之前才能被访问到。
- javascript中的 对象 和 原型
- Javascript中的对象和原型
- JavaScript中的原型和对象机制
- JavaScript中的原型和对象机制
- Javascript中的对象和原型(一)
- Javascript中的对象和原型(二)
- Javascript中的对象和原型(三)
- JavaScript中的原型和对象机制
- Javascript中的对象和原型(三)(转载)
- Javascript中的对象和原型(二)
- JavaScript中的构造函数和原型对象
- javascript中的原型对象
- javascript中的原型对象
- javascript中的原型/对象
- javaScript对象和原型
- javascript中的对象详解,以及对象和原型链
- 【web前端-理解js原型】理解Javascript中的原型对象、原型链和继承
- JavaScript中的对象和原型链,函数继承(转)
- Android 2.2 源码结构分析
- Yii中ckediter进一步配置
- 使用jquery的lazy loader插件实现图片的延迟加载
- 在html frame中实现注销功能
- Linux rsync命令详解2
- javascript中的 对象 和 原型
- 堆(heap)和栈(stack)、内存泄漏(memory leak)和内存溢出
- Activemq的连接方式
- 多线程讲解
- BitmapInfo Structure(BitmapInfo 结构来自MSDN)
- 约瑟夫问题
- verilog设计经验总结
- Android源代码简要分析
- 访问操作类私有属性和方法的两种方式