javascript程序设计

时间:2024-10-22 21:58:11 JavaScript 我要投稿

javascript程序设计

  javascript的原型链有显式和隐式两种:

  显式原型链:即我们常见的prototype;

  隐式原型链:在一般环境下无法访问,即不可见,在FireFox下可以通过__proto__方式访问;隐式原型链用于javascript引擎内部对原型链的搜寻,通过显示原型链来设置;

  一、prototype和__proto__的概念

  prototype是函数的一个属性(每个函数都有一个prototype属性),这个属性是一个指针,指向一个对象。它是显示修改对象的原型的属性。

  __proto__是一个对象拥有的内置属性(请注意:prototype是函数的内置属性,__proto__是对象的内置属性),是JS内部使用寻找原型链的属性。

  用chrome和FF都可以访问到对象的__proto__属性,IE不可以。

  二、new 的过程

  var Person = function(){};var p = new Person();

  new的过程拆分成以下三步:

  (1) var p={}; 也就是说,初始化一个对象p

  (2) p.__proto__ = Person.prototype;

  (3) Person.call(p); 也就是说构造p,也可以称之为初始化p

  关键在于第二步,我们来证明一下:

  var Person = function(){};var p = new Person();alert(p.__proto__ === Person.prototype);

  这段代码会返回true。说明我们步骤2是正确的。

  三、示例

  var Person = function(){};Person.prototype.sayName = function() { alert("My Name is Jacky");};Person.prototype.age = 27;var p = new Person();p.sayName();

  p是一个引用指向Person的对象。我们在Person的原型上定义了一个sayName方法和age属性,当我们执行p.age时,会先在this的内部查找(也就是构造函数内部),如果没有找到然后再沿着原型链向上追溯。

  这里的向上追溯是怎么向上的呢?这里就要使用__proto__属性来链接到原型(也就是Person.prototype)进行查找。最终在原型上找到了age属性。

【javascript程序设计】相关文章:

JavaScript高级程序设计:本地对象Array10-22

网页程序设计之实用JavaScript代码段09-23

对javascript的理解08-08

常用的JavaScript模式09-22

Javascript的this用法简述08-15

JavaScript学习笔记08-24

JavaScript 基础教学09-29

JavaScript的课堂讲解09-03

JavaScript常用方法汇总10-25

JavaScript数组常用方法介绍09-04