JS面向對象、prototype、call()、apply()
2024-05-06 14:15:29
供稿：網友
一、 起因
那天用到prototype.js于是打開看看，才看幾行就滿頭霧水，原因是對js的面向對象不是很熟悉，于是百度+google了一把，最后終于算小有收獲，寫此紀念一下^_^。
prototype.js代碼片段
代碼如下:
var Class = {
create: function() {
return function() {
this.initialize.apply(this , arguments);
}
}
}
// Class使用方法如下
var A = Class.create();
A. prototype={
initialize:function(v){
this .value=v;
}
showValue:function(){
alert(this.value);
}
}
var a = new A(‘helloWord!');
a. showValue();//彈出對話框helloWord！
l initialize是什么?
l apply方法是干什么的？
l arguments變量呢？
l 為什么new A后就會執行initialize方法？
尋找答案：
二、 Js的面向對象
initialize是什么?
只不過是個變量，代表一個方法，用途是類的構造函數。
其具體功能靠js的面向對象支持，那么js的面向對象是什么樣子的那？和java 的有什么相同與不同？
看代碼：
代碼如下:
var ClassName = function(v){
this.value=v;
this.getValue=function(){
return this.value;
}
this.setValue=function(v){
this.value=v;
}
}
那么JS中的函數和類有什么不同呢？
其實是一樣的，ClassName就是一個函數，當出現在new后面的時候就作為一個構造函數來構造對象。
如
代碼如下:
var objectName1 = new ClassName(“a”);//得到一個對象
其中objectName1就是執行ClassName構造函數后得到的對象，而在ClassName函數中的this指的就是new之后構造出來的對象，所以objectName1會后一個屬性和兩個方法。可以通過這樣來調用他們：
代碼如下:
objectName1.setValue(''hello'');
alert(objectName1.getValue());//對話框hello
alert(objectName1.value) ;//對話框hello
那么
代碼如下:
var objectName2 = ClassName(“b”);//得到一個對象
這樣objectName2得到的是什么呢？顯然是方法的返回值，這里ClassName只作為了一個普通的函數（雖然首字母大寫了）。但是在之前寫的ClassName中并沒有返回值，所以objectName2會是undifinded那么“b”賦給誰了呢？在這并沒有產生一個對象，而只是單純的執行這個方法，所以這個“b”賦值給了調用這個方法的對象window，證據如下：
var objectName2 = ClassName(“b”);//得到一個對象
alert(window.value)；//對話框b
所以JS中的所有function都是一樣的，但是用途可能是不同的（用作構造對象抑或是執行一個過程）。
下面該回到主題了initialize是干什么的？
代碼如下:
var Class = {
create: function() {
return function() {
this.initialize.apply(this , arguments);
}
}
}
var A = Class.create();
這段代碼是構造個一個function復制給A，這個function是
