JavaScript原型深入解析

1. JavaScript原型深入解析

1.1).  prototype属性的使用

l  每个函数都有一个prototype属性, 它是一个引用变量, 默认指向一个空Object对象

function fun(){} //alert(fun.prototype); //alert(typeof fun.prototype);

 

l  疑问1: 函数的prototype属性有什么作用呢?

l  疑问2: 函数的prototype属性什么时候起作用?

function Person(name, age) {    this.name = name;    this.age = age; } var p1 = new Person("hello", 11); //为p1添加一个setName方法 p1.setName = function(name){this.name = name;}; p1.setName("world"); //alert(p1.name);   var p2 = new Person("test", 12); //p2.setName("test"); //p2.setName is not a function //alert(p2.name);   //使用prototyp来实现 Person.prototype.setName = function(name){this.name = name;}; p2.setName("test"); alert(p2.name);   var p3 = new Person("hi", 1); p3.setName("tom"); alert(p3.name);

 

1.2).  prototype属性的分析

l  通过new创建的对象都有一个隐含属性__proto__,

l  当new 构造函数来创建一个对象时,对象的__proto__属性就被赋值为构造函数的prototype属性的值

l  当通过对象.来调用对象的属性或方法时, 先会在自己身上找, 如果没有找到就会在__proto__属性所指向的对象上找, 并依次下去

function Person(name, age) {    this.name = name;    this.age = age; } var p1 = new Person("hello", 111);   alert(Person.prototype==p1.__proto__);//true   Person.prototype.setName = function(name){this.name = name;}; p1.setName("world");   alert(p1.name); Person p2 = new Person(“A”, 123);