JavaScript基本概念初級講解論壇貼的學習記錄

１.關於this對象

複製代碼 代碼如下:view plaincopy to clipboardprint?
var obj1=new Object();
var obj2=new Object();

//給兩個對象都添加屬性p，並分別等於1和2
obj1.p=1;
obj2.p=2;

//給obj1添加方法，用於顯示p的值
obj1.getP=function(){
alert(this.p); //表面上this指標指向的是obj1
}

//調用obj1的getP方法，結果顯示為1
obj1.getP();

//使obj2的getP方法等於obj1的getP方法
obj2.getP=obj1.getP;

//調用obj2的getP方法,結果顯示為2
obj2.getP();
var obj1=new Object();
var obj2=new Object();

//給兩個對象都添加屬性p，並分別等於1和2
obj1.p=1;
obj2.p=2;

//給obj1添加方法，用於顯示p的值
obj1.getP=function(){
alert(this.p); //表面上this指標指向的是obj1
}

//調用obj1的getP方法，結果顯示為1
obj1.getP();

//使obj2的getP方法等於obj1的getP方法
obj2.getP=obj1.getP;

//調用obj2的getP方法,結果顯示為2
obj2.getP();

2.關於函數對象

複製代碼 代碼如下://增加函數對象方法method1
Function.prototype.method1=function(){
alert("function1");
}
function func1(a,b,c){
return a+b+c;
}
func1.method1(); //提示：function1
func1.method1.method1(); //提示：function1

//增加對象方法getType,既包括普通對象也包括函數對象
Object.prototype.getType=function(){
return typeof(this);
}
var array1=new Array();
function func1(a,b){
return a+b;
}
alert(array1.getType()); //提示：object
alert(func1.getType()); //提示：function

//func2作為一個對象傳遞給了func1的形參theFunc，再由func1內部進行theFunc的調用
function func1(theFunc){
theFunc();
}
function func2(){
alert("ok");
}
func1(func2); //提示:ok

//當進行函數調用時，除了指定的參數外，還建立一個隱含的對象arguments
function func(a,b){
alert(a);
alert(b);
for(var i=0;i<arguments.length;i++){
alert(arguments[i]);
}
}
func(1,2,3); //提示：1,2,3

/*
arguments對象的另一個屬性是callee，
它表示對函數對象本身的引用.
這有利於實現無名函數的遞迴或者保證函數的封裝性.
*/
var sum=function(n){
if(1==n)
return 1;
else
return n+arguments.callee(n-1);
}
alert(sum(100)); //提示：5050

/*
JavaScript為函數對象定義了兩個方法：apply和call.
它們的作用都是將函數綁定到另外一個對象上去運行，兩者僅在定義參數的方式有所區別:
以下是引用片段：
Function.prototype.apply(thisArg,argArray);
Function.prototype.call(thisArg[,arg1[,arg2…]]);

從函數原型可以看到，第一個參數都被取名為thisArg，
即所有函數內部的this指標都會被賦值為thisArg，
這就實現了將函數作為另外一個對象的方法啟動並執行目的。
兩個方法除了thisArg參數，都是為Function對象傳遞的參數。
*/

//定義一個函數func1，具有屬性p和方法A
function func1(){
this.p="func1-";
this.A=function(arg){
alert(this.p+arg);
}
}
//定義一個函數func2，具有屬性p和方法B
function func2(){
this.p="func2-";
this.B=function(arg){
alert(this.p+arg);
}
}
var obj1=new func1();
var obj2=new func2();
obj1.A("byA"); //顯示func1-byA
obj2.B("byB"); //顯示func2-byB
obj1.A.apply(obj2,["byA"]); //顯示func2-byA，其中[“byA”]是僅有一個元素的數組，下同
obj2.B.apply(obj1,["byB"]); //顯示func1-byB
obj1.A.call(obj2,"byA"); //顯示func2-byA
obj2.B.call(obj1,"byB"); //顯示func1-byB
/*
可以看出，obj1的方法A被綁定到obj2運行後，
整個函數A的運行環境就轉移到了obj2，即this指標指向了obj2。
同樣,obj2的函數B也可以綁定到obj1對象去運行。
代碼的最後4行顯示了apply和call函數參數形式的區別。
*/

/*
與arguments的length屬性不同，
函數對象還有一個屬性length，
它表示函數定義時所指定參數的個數，
而非調用時實際傳遞的參數個數
*/
function sum(a,b){
return a+b;
}
alert(sum.length);