DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript基本概念初級講解論壇貼的學習記錄
JavaScript基本概念初級講解論壇貼的學習記錄
編輯:JavaScript基礎知識     
1.關於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);
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved