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);