JavaScript基本概念初級講解論壇貼的學習記錄
更新時間:2009年02月22日 02:32:45 作者:
JavaScript基本概念 論壇貼建議大家看下,都是一些js的高級的技巧知識小結。
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.關于函數(shù)對象
//增加函數(shù)對象方法method1
Function.prototype.method1=function(){
alert("function1");
}
function func1(a,b,c){
return a+b+c;
}
func1.method1(); //提示:function1
func1.method1.method1(); //提示:function1
//增加對象方法getType,既包括普通對象也包括函數(shù)對象
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
//當進行函數(shù)調用時,除了指定的參數(shù)外,還創(chuàng)建一個隱含的對象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,
它表示對函數(shù)對象本身的引用.
這有利于實現(xiàn)無名函數(shù)的遞歸或者保證函數(shù)的封裝性.
*/
var sum=function(n){
if(1==n)
return 1;
else
return n+arguments.callee(n-1);
}
alert(sum(100)); //提示:5050
/*
JavaScript為函數(shù)對象定義了兩個方法:apply和call.
它們的作用都是將函數(shù)綁定到另外一個對象上去運行,兩者僅在定義參數(shù)的方式有所區(qū)別:
以下是引用片段:
Function.prototype.apply(thisArg,argArray);
Function.prototype.call(thisArg[,arg1[,arg2…]]);
從函數(shù)原型可以看到,第一個參數(shù)都被取名為thisArg,
即所有函數(shù)內部的this指針都會被賦值為thisArg,
這就實現(xiàn)了將函數(shù)作為另外一個對象的方法運行的目的。
兩個方法除了thisArg參數(shù),都是為Function對象傳遞的參數(shù)。
*/
//定義一個函數(shù)func1,具有屬性p和方法A
function func1(){
this.p="func1-";
this.A=function(arg){
alert(this.p+arg);
}
}
//定義一個函數(shù)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”]是僅有一個元素的數(shù)組,下同
obj2.B.apply(obj1,["byB"]); //顯示func1-byB
obj1.A.call(obj2,"byA"); //顯示func2-byA
obj2.B.call(obj1,"byB"); //顯示func1-byB
/*
可以看出,obj1的方法A被綁定到obj2運行后,
整個函數(shù)A的運行環(huán)境就轉移到了obj2,即this指針指向了obj2。
同樣,obj2的函數(shù)B也可以綁定到obj1對象去運行。
代碼的最后4行顯示了apply和call函數(shù)參數(shù)形式的區(qū)別。
*/
/*
與arguments的length屬性不同,
函數(shù)對象還有一個屬性length,
它表示函數(shù)定義時所指定參數(shù)的個數(shù),
而非調用時實際傳遞的參數(shù)個數(shù)
*/
function sum(a,b){
return a+b;
}
alert(sum.length);
復制代碼 代碼如下:
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.關于函數(shù)對象
復制代碼 代碼如下:
//增加函數(shù)對象方法method1
Function.prototype.method1=function(){
alert("function1");
}
function func1(a,b,c){
return a+b+c;
}
func1.method1(); //提示:function1
func1.method1.method1(); //提示:function1
//增加對象方法getType,既包括普通對象也包括函數(shù)對象
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
//當進行函數(shù)調用時,除了指定的參數(shù)外,還創(chuàng)建一個隱含的對象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,
它表示對函數(shù)對象本身的引用.
這有利于實現(xiàn)無名函數(shù)的遞歸或者保證函數(shù)的封裝性.
*/
var sum=function(n){
if(1==n)
return 1;
else
return n+arguments.callee(n-1);
}
alert(sum(100)); //提示:5050
/*
JavaScript為函數(shù)對象定義了兩個方法:apply和call.
它們的作用都是將函數(shù)綁定到另外一個對象上去運行,兩者僅在定義參數(shù)的方式有所區(qū)別:
以下是引用片段:
Function.prototype.apply(thisArg,argArray);
Function.prototype.call(thisArg[,arg1[,arg2…]]);
從函數(shù)原型可以看到,第一個參數(shù)都被取名為thisArg,
即所有函數(shù)內部的this指針都會被賦值為thisArg,
這就實現(xiàn)了將函數(shù)作為另外一個對象的方法運行的目的。
兩個方法除了thisArg參數(shù),都是為Function對象傳遞的參數(shù)。
*/
//定義一個函數(shù)func1,具有屬性p和方法A
function func1(){
this.p="func1-";
this.A=function(arg){
alert(this.p+arg);
}
}
//定義一個函數(shù)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”]是僅有一個元素的數(shù)組,下同
obj2.B.apply(obj1,["byB"]); //顯示func1-byB
obj1.A.call(obj2,"byA"); //顯示func2-byA
obj2.B.call(obj1,"byB"); //顯示func1-byB
/*
可以看出,obj1的方法A被綁定到obj2運行后,
整個函數(shù)A的運行環(huán)境就轉移到了obj2,即this指針指向了obj2。
同樣,obj2的函數(shù)B也可以綁定到obj1對象去運行。
代碼的最后4行顯示了apply和call函數(shù)參數(shù)形式的區(qū)別。
*/
/*
與arguments的length屬性不同,
函數(shù)對象還有一個屬性length,
它表示函數(shù)定義時所指定參數(shù)的個數(shù),
而非調用時實際傳遞的參數(shù)個數(shù)
*/
function sum(a,b){
return a+b;
}
alert(sum.length);
相關文章
深入理解JavaScript系列(19):求值策略(Evaluation strategy)詳解
這篇文章主要介紹了深入理解JavaScript系列(19):求值策略(Evaluation strategy)詳解,本文講解了一般理論、按值傳遞、按引用傳遞、按共享傳遞(Call by sharing)、按共享傳遞是按值傳遞的特例等內容,需要的朋友可以參考下2015-03-03
Javascript & DHTML 實例編程(教程)DOM基礎和基本API
Javascript & DHTML 實例編程(教程)DOM基礎和基本API...2007-06-06
Javascript中eval函數(shù)的使用方法與示例
JavaScript有許多小竅門來使編程更加容易。其中之一就是eval()函數(shù),這個函數(shù)可以把一個字符串當作一個JavaScript表達式一樣去執(zhí)行它。以下是它的說明2007-04-04

