JavaScript高级程序设计（第3版）学习笔记10 再访js对象

var person = new Object(); 
person.name = 'linjisong'; 
person.job = 'it';

var person = { 
name : 'linjisong', 
job : 'it' 
};

function createPerson(name, job){ 
var o = new Object(); 
o.name = name; 
o.job = job; 
return o; 
} 
var person = createPerson('linjisong','it');

function Person(name, job){ 
this.name = name; 
this.job = job; 
this.getName = function(){ 
return this.name; 
} 
} 
var person = new Person('linjisong','it');

function Person(){} 
Person.prototype.name = 'linjisong'; 
Person.prototype.job = 'it; 
Person.prototype.getName = fucntion(){ 
return this.name; 
}; 
var person = new Person();

function Angle(){}; 
Angle.prototype.coordinate = [0,0]; 

var a1 = new Angle(); 
var a2 = new Angle(); 

a1.coordinate[0] = 1; 
console.info(a2.coordinate);//[1,0]修改a1会导致a2变更

function Person(name, job){ 
this.name = name; 
this.job = job; 
} 
Person.prototype.getName = fucntion(){ 
return this.name; 
}; 
var person = new Person('linjisong','it');

function Person(name, job){ 
this.name = name; 
this.job = job; 
if(!Person.prototype.getName){ 
Person.prototype.getName = fucntion(){ 
return this.name; 
}; 
} 
} 
var person = new Person('linjisong','it');

function Person(name, job){ 
var o = new Object(); 
o.name = name; 
o.job = job; 
o.getName = fucntion(){ 
return this.name; 
}; 
return o; 
} 
var person = new Person('linjisong','it');

function Person(name, job){ 
var o = new Object(); 
o.getName = fucntion(){ 
return name; 
}; 
return o; 
} 
var person = Person('linjisong','it');

function Square(){//正方形 
this.width = 10;//边长 
this.coordinate = [0,0];//左上顶点的坐标  
} 
Square.prototype.getArea = function(){//计算面积 
return this.width * this.width; 
}; 

function ColorSquare(){//有颜色的正方形 
this.color = 'red'; 
} 
ColorSquare.prototype = new Square();//实现了继承 
ColorSquare.prototype.getColor = function(){//获取颜色 
return this.color; 
} 

var cs = new ColorSquare(); 
console.info(cs.width);//10 
console.info(cs.getArea());//100 
console.info(cs.color);//red 
console.info(cs.getColor());//red

var cs2 = new ColorSquare(); 
console.info(cs2.coordinate);//[0,0] 
cs.coordinate[1] = 1; 
console.info(cs2.coordinate);//[0,1]，修改cs会导致cs2也修改

function Square(){//正方形 
this.width = 10;//边长 
this.coordinate = [0,0];//左上顶点的坐标  
} 

Square.prototype.getArea = function(){//计算面积 
return this.width * this.width; 
}; 

function ColorSquare(){//有颜色的正方形 
Square.call(this);//实现继承 
this.color = 'red'; 
} 

var cs = new ColorSquare(); 
var cs2 = new ColorSquare(); 
console.info(cs.coordinate);//[0,0] 
console.info(cs2.coordinate);//[0,0] 
cs.coordinate[1] = 1; 
console.info(cs.coordinate);//[0,1] 
console.info(cs2.coordinate);//[0,0]，互相独立，修改cs不影响cs2 
try{ 
console.info(cs.getArea());//异常，不能访问父类原型中方法 
}catch(e){ 
console.info(e);//TypeError 
}

function Square(){//正方形 
this.width = 10;//边长 
this.coordinate = [0,0];//左上顶点的坐标  
} 

Square.prototype.getArea = function(){//计算面积 
return this.width * this.width; 
}; 

function ColorSquare(){//有颜色的正方形 
Square.call(this);//创建子类实例时，第二次调用父类构造函数 
this.color = 'red'; 
} 

ColorSquare.prototype = new Square();//第一次调用 
ColorSquare.prototype.getColor = function(){//获取颜色 
return this.color; 
} 

var cs = new ColorSquare(); 
var cs2 = new ColorSquare(); 
console.info(cs.coordinate);//[0,0] 
console.info(cs2.coordinate);//[0,0] 
cs.coordinate[1] = 1; 
console.info(cs.coordinate);//[0,1] 
console.info(cs2.coordinate);//[0,0]，互相独立，修改cs不影响cs2 
console.info(cs.getArea());//100，可以访问

function create(o){ 
var fn = function(){}; 
fn.prototype = o; 
return new fn(); 
} 

var square = { 
width:10, 
coordinate:[0,0] 
}; 

var cs = create(square); 
var cs2 = create(square); 
console.info(cs.coordinate);//[0,0] 
console.info(cs2.coordinate);//[0,0] 
cs.coordinate[1] = 1; 
console.info(cs.coordinate);//[0,1] 
console.info(cs2.coordinate);//[0,1]，和原型链一样，会有共享问题

function create(o){ 
var fn = function(){}; 
fn.prototype = o; 
return new fn(); 
} 

var square = { 
width:10, 
coordinate:[0,0] 
}; 

function colorSquare(original){ 
var s = create(original); 
s.color = 'red'; 
return s; 
} 

var cs = colorSquare(square); 
console.info(cs.width);//10 
console.info(cs.coordinate);//[0,0]

function create(o){ 
var fn = function(){}; 
fn.prototype = o; 
return new fn(); 
} 

function inherit(sub, sup){ 
var prototype = create(sup.prototype); 
prototype.constructor = sub; 
sub.prototype = prototype; 
} 

function Square(){//正方形 
this.width = 10;//边长 
this.coordinate = [0,0];//左上顶点的坐标  
} 
Square.prototype.getArea = function(){//计算面积 
return this.width * this.width; 
}; 

function ColorSquare(){//有颜色的正方形 
Square.call(this); 
this.color = 'red'; 
} 
inherit(ColorSquare, Square); 
ColorSquare.prototype.getColor = function(){//获取颜色 
return this.color; 
} 

var cs = new ColorSquare(); 
console.info(cs.width);//10 
console.info(cs.getArea());//100 
console.info(cs.color);//red 
console.info(cs.getColor());//red 

var cs2 = new ColorSquare(); 
console.info(cs2.coordinate);//[0,0] 
cs.coordinate[1] = 1; 
console.info(cs2.coordinate);//[0,0]