Go语言视频零基础入门到精通

wujia · 发表于 2011-10-31 14:29:59

[url＝http://www.iteye.com/topic/6122]javaScript 的几個 tip[/url] 一贴中有一處错误，未免誤导大家，现奉上我的觀点：

1、JavaScript zhong的ji承
在 JavaScript 中实现继承的方fa是：jiang子类的 prototype 属xing设置为父leiDe对象。
li如，我有一ge Basket 类，继承 Hashtable 类：

Java代码
1.Basket.prototype = new Hashtable();;
2.Basket.prototype.constructor = Basket;
Basket.prototype = new Hashtable();;
Basket.prototype.constructor = Basket;

如guo不写shangMian第二ju，以后 typeof 一个 Basket 的对象获de的jiu是 Hashtable 了。

最后一句是错误的， qingkan我的测试：
Java代码

<HTML>
<head>

</head>
<body>
<div id='display'></div>
<script language="javascript">
function Person(name){
  this.name = name;
}

function Man(){
}
var me = new Man();
dwr('me.constructor before change prototype:'+me.constructor);
dwr('typeof me    before change prototype:'+typeof me);
Man.prototype = new Person();  1
dwr('me.constructor after change prototype:'+me.constructor);
dwr('typeof me    after change prototype:'+typeof me);
var you = new Man();
dwr('create you and you.constructor after change prototype:'+you.constructor);
dwr('create you and typeof you after change prototype:'+typeof you);

function dwr(s){
  var display = document.getElementById('display');
  display.innerHTML+=s+'<br/>';
}
</script>
</body>
</html>

<html>
<head>

</head>
<body>
<div id='display'></div>
<script language="javascript">
function Person(name){
  this.name = name;
}

function Man(){
}
var me = new Man();
dwr('me.constructor before change prototype:'+me.constructor);
dwr('typeof me    before change prototype:'+typeof me);
Man.prototype = new Person();
dwr('me.constructor after change prototype:'+me.constructor);
dwr('typeof me    after change prototype:'+typeof me);
var you = new Man();
dwr('create you and you.constructor after change prototype:'+you.constructor);
dwr('create you and typeof you after change prototype:'+typeof you);

function dwr(s){
  var display = document.getElementById('display');
  display.innerHTML+=s+'<br/>';
}
</script>
</body>
</html>

运xing結果：
me.constructor before change prototype:function Man(){ }
typeof me before change prototype

bject
me.constructor after change prototype:function Man(){ }
typeof me after change prototype:object
create you and you.constructor after change prototype:function Person(name){ this.name = name; }
create you and typeof you after change prototype:object

结論：
改bian函数的prototype對象并不影响typeof的結果，只影响obj.constructor的结果。
obj.constructor, 该constructor属性是属于該函数Deprototype对象的，
或者这么說， dang你创建一个函數Person時，该函數就会you一个prototype对象，該prototype对象zhongchi有yigeconstructor属性lai指xiang這个函shu，所以当你chuang建zhe个函数的对象obj后，有这样的关系：
obj.constructor = Person.prototype.constructor = Person

但shi当改变函数的prototype對象hou：
var person = new Person();
Man.prototype = person;
var other = new Man();
na么:
other.constructor == Man.prototype.constructor;
Man.prototype此時是Person的实例，即
Man.prototype == person;
suo以有：
other.constructor == Man.prototype.constructor == person.constructor == Person.prototype.constructor == Person

以下you是測試：）
Java代码

<html>
<head>

</head>
<body>
<div id='display'></div>
<script language="javascript">

function Person(){};
function Man(){};
var person = new Person();
Man.prototype = person;
var other = new Man();


dwr(other.constructor == Man.prototype.constructor);
dwr(Man.prototype.constructor == person.constructor);
dwr(person.constructor == Person.prototype.constructor);
dwr(Person.prototype.constructor == Person);
dwr(other.constructor == Person);


function dwr(s){
  var display = document.getElementById('display');
  display.innerHTML+=s+'<br/>';
}
</script>
</body>
</html>

<html>
<head>

</head>
<body>
<div id='display'></div>
<script language="javascript">

function Person(){};
function Man(){};
var person = new Person();
Man.prototype = person;
var other = new Man();

dwr(other.constructor == Man.prototype.constructor);
dwr(Man.prototype.constructor == person.constructor);
dwr(person.constructor == Person.prototype.constructor);
dwr(Person.prototype.constructor == Person);2
dwr(other.constructor == Person);

function dwr(s){
  var display = document.getElementById('display');
  display.innerHTML+=s+'<br/>';
}
</script>
</body>
</html>

结果：
true
true
true
true
true
歡迎来到Java学xiZhe论坛,转載qing注明地址:http://www.javaxxz.com.

黑色灵兵 · 发表于 2011-10-31 14:30:12

沙发，学习一下，好文章

		自动登录	找回密码
密码			立即注册

JAVA高级面试进阶视频教程	Java架构师系统进阶VIP课程	分布式高可用全栈开发微服务教程	Go语言视频零基础入门到精通	Java架构师3期(课件+源码)
Java开发全终端实战租房项目视频教程	SpringBoot2.X入门到高级使用教程	大数据培训第六期全套视频教程	深度学习（CNN RNN GAN）算法原理	Java亿级流量电商系统视频教程
互联网架构师视频教程	年薪50万Spark2.0从入门到精通	年薪50万！人工智能学习路线教程	年薪50万！大数据从入门到精通学习路线	年薪50万！机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程	深度学习数据分析基础到实战	最新黑马javaEE2.1就业课程	从 0到JVM实战高手教程	MySQL入门到精通教程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

Java亿级流量电商系统视频教程

年薪50万Spark2.0从入门到精通

年薪50万！人工智能学习路线教程

'纠错 JavaScript 的几个 tip ◇

相关帖子

Re: