日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程语言 > php >内容正文

php

php函数嵌套 作用域,javascript 嵌套的函数(作用域链)_javascript技巧

發布時間:2023/12/9 php 33 豆豆
生活随笔 收集整理的這篇文章主要介紹了 php函数嵌套 作用域,javascript 嵌套的函数(作用域链)_javascript技巧 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

嵌套的函數(作用域鏈)

當你進行函數的嵌套時,要注意實際上作用域鏈是發生變化的,這點可能看起來不太直觀。你可把下面的代碼置入firebug監視值的變化。

var testvar = 'window屬性';

var o1 = {testvar:'1', fun:function(){alert('o1: '+this.testvar+'

o1.fun();'1'

o2.fun();'2'

o1.fun.call(o2);'2'

這是本文的首個例子。

var testvar = 'window屬性';

var o3 = {

testvar:'3',

testvar2:'3**',

fun:function(){

alert('o3: '+this.testvar);//'obj3'

var inner = function(){

alert('o3-inner: '+this.testvar);//'window屬性'

alert('o3-inner: '+this.testvar2);//undefined(未定義)

};

inner();

}

};

o3.fun();

這里我們換了別的函數,這個函數與原先的函數幾乎相似但區別是內部函數的寫法。要注意的是內部函數運行時所在的作用域,和外部函數的作用域是不一樣的。Ext可讓你調用函數時指定函數的作用域,避免作用域的問題。

變量的聲明

初始化變量時一定要加上“var”關鍵字,沒有的話這就是一個全局變量。譬如,在下面的例子中,會有一個變量寫在函數內部,然而你打算僅僅是聲明局部的變量,但實際也可能出現覆蓋全局變量的值的情形。在FIREBUG "DOM"的標簽頁中,你可通過檢測“window”看到所有的全局變量。如果你發現有“k”或“x”變量那證明你把這個變量分配在一個不合適的作用域里面。見下例:

var i = 4;

var j = 5;

var k = 7;

var fn = function(){

var i = 6;

k = 8;//注意前面沒有var 所以這句話的意思的把8賦予到變量k中去!

alert(i);//6

alert(j);//5

alert(k+'-1');//8-1

x = 1;//這句的作用有兩種情況,創建全部變量x或覆蓋(overwrite)全部變量x

};

fn();

alert(k+'-2');//8-2 (注意不是7-2)

與前面例子變化不大,另外注意的是函數內的k前面是沒有var關鍵字的,所以這里不是聲明局部變量,而是將某個值再次分配到k這個全局變量中。另外要注意的是,alert方法執行期間,參數i是當前能找到的局部變量,它的值是6,但參數j在當前作用域找不到,就沿著作用域鏈(scope chain)向上查找,一直找到全局變量的那個j為止。

在Ext中指定作用域

前面已提及,當調用函數時Ext能靈活處理作用域的問題。部分內容來自dj的帖子。

調用函數時,你可以把this想象為每個函數內的一個特殊(躲起來的)參數。無論什么時候,JavaScript都會把this放到function內部。它是基于一種非常簡單的思想:如果函數直接是某個對象的成員,那么this的值就是這個對象。如果函數不是某個對象的成員那么this的值便設為某種全局對象(常見有,瀏覽器中的window對象)。下面的內部函數可以清晰的看出這種思想。

一個函數,若是分配到某個變量的,即不屬于任何對象下的一員,那么this的參數就變為windows對象。下面是一個例子,可直接粘貼到Firebug的console:

var obj = {

toString:function(){ return 'obj的范圍內(作用域內)';}, //重寫toString函數,方便執行console.log(this)時的輸出

func: function(){

// 這里的函數直接從屬與對象"object"

console.log(this);

var innerFunc = function(){

//n這里的函數不是特定對象的直接成員,只是另外一個函數的變量而已

console.log(this);

};

innerFunc();

}

};

obj.func();

// 輸出 "obj的范圍內(作用域內)"

// 輸出 "Window的一些相關內容..."

缺省下是這樣調用一個參數的-但你也可以人為地改變this參數,只是語法上稍微不同。將最后一行的"obj.func();" 改為:

obj.func.call(window);

// 輸出 "Window的一些相關內容..."

// 輸出 "Window的一些相關內容..."

從上面的例子中可以發現,call實際上是另外一個函數(方法)。call 屬于系統為obj.func內建的方法(根據JavaScript之特點可得知,函數是一種對象。)。

通過這樣改變this指向的作用域,我們可以繼續用一個例子來修正innerFunc中的this參數,——“不正確”的指向:

var obj = {

toString:function(){ return 'obj的范圍內(作用域內)';}, //重寫toString函數,方便執行console.log(this)時的輸出

func: function(){

// 這里的函數直接從屬與對象"object"

console.log(this);

var innerFunc = function(){

//n這里的函數不是特定對象的直接成員,只是另外一個函數的變量而已

console.log(this);

};

innerFunc.call(this);

}

};

obj.func();

// 輸出 "obj的范圍內(作用域內)"

// 輸出 "obj的范圍內(作用域內)"

Ext的作用域配置

可以看到,沒有分配作用域的函數,它的this"指向的是瀏覽器的window對象(如事件句柄event handler等等),——除非我們改變this的指針。Ext的很多類中 scope是一個配置項(configuration)能夠進行指針的綁定。相關的例子參考Ajax.request。

Ext的createDelegate函數

*除了內建的call/apply方法,Ext還為我們提供-- 輔助方法createDelegate。 該函數的基本功能是綁定this指針但不立刻執行。傳入一個參數,createDelegate方法會保證函數是運行在這個參數的作用域中。如:

var obj = {

toString:function(){ return 'obj的范圍內(作用域內)';}, //重寫toString函數,方便執行console.log(this)時的輸出

func: function(){

// 這里的函數直接從屬與對象"object"

console.log(this);

var innerFunc = function(){

//n這里的函數不是特定對象的直接成員,只是另外一個函數的變量而已

console.log(this);

};

innerFunc = innerFunc.createDelegate(this); // 這里我們用委托的函數覆蓋了原函數。

innerFunc(); // 按照一般的寫法調用函數

}

};

obj.func();

// 輸出 "obj的范圍內(作用域內)"

// 輸出 "obj的范圍內(作用域內)"

這是一個小小的例子,其原理是非?;净A的,希望能夠好好消化。盡管如此,在現實工作中,我們還是容易感到迷惑,但基本上,如果能按照上面的理論知識去分析來龍去脈,萬變還是不離其中的。

另外還有一樣東西,看看下面的例子:

varsDs.load({callback: function(records){

col_length = varsDs.getCount();//這里的varDs離開了作用域?

//col_length = this.getCount();//這個this等于store嗎?

for (var x = 0; x < col_length; x++)

{

colarray[x] = varsDs.getAt(x).get('hex');

}

}});不過可以寫得更清晰:

var obj = {

callback: function(records){

col_length = varsDs.getCount();//這里的varDs離開了作用域?

//col_length = this.getCount();//這個this等于store嗎?

// ...

}

};

varsDs.load(obj);現在函數callback直接掛在obj上,因此this指針等于obj。

但是注意: 這樣做沒用的。為什么?因為你不知obj.callback最終執行時發生什么情形。試想一下Ext.data.Store的load方法(仿造的實現):

...

load : function(config) {

var o = {};

o.callback = config.callback;

//進行加載

o.callback();

}

...

這個仿造的實現中,回調函數的作用域是私有變量“o”。 因為通常你無法得知函數是如何被調用的,如果不聲明作用域,你很可能無法在回調函數中使用this參數。

本文原創發布php中文網,轉載請注明出處,感謝您的尊重!

總結

以上是生活随笔為你收集整理的php函数嵌套 作用域,javascript 嵌套的函数(作用域链)_javascript技巧的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。