JavaScript基于对象编程的概念（Ext）2

 JavaScript中的对象

JavaScript中的类型

<script type="text/javascript">

var a = 12;

var b = "12";

var c = true;

var d = new Number(12);

var e = new String("333");

var f = new Boolean("true");

var g = {};

var h = function(){};

function fn(){//每一个函数都是构造函数

    alert("something");

}

var k = new fn(); //new关键字，能够触发执行构造函数中的代码

 

alert(typeof a); //number

alert(typeof b); //string

alert(typeof c); //boolean

alert(typeof d); //object

alert(typeof e); //object

alert(typeof f); //object

alert(typeof g); //object

alert(typeof h); //function

alert(typeof fn); //function

alert(typeof k); //object

alert(typeof i); //undefined

 

</script>

 

JavaScript中的原型（prototype）

每个构造函数对象都有原型对象

<script type="text/javascript">

function FF(){};

alert(FF.prototype); // 这是一个对象

var f = new FF();

alert(f.prototype); //undefined

 

var g = {};

alert(g.prototype); //undefined

 

alert(f.constructor == FF); // true

alert(FF.prototype.constructor == f.constructor); // true

 

//给对象添加属性

FF.a = "FF.a";

alert(FF.a); //FF.a

 

f.a = "f.a";

alert(f.a); //f.a

 

FF.prototype.a = "FF.prototype.a";

alert(FF.prototype.a); // FF.prototype.a

 

FF.prototype.b = "FF.prototype.b";

alert(f.b); //FF.prototype.b

alert(FF.b); //undefined

 

</script>

 

这些概念之间的关系如下：

 

 

评论

1 楼 津津乐道 2012-08-04  

李老师果然条例清晰。顶一个