當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

js近期的研究总结

發布時間：2025/3/21 编程问答 17 豆豆

生活随笔收集整理的這篇文章主要介紹了 js近期的研究总结小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

很慶幸在 javascript高級群中認識了 wait. 因為他的激情和一些奇思妙想.敦促我們大家不斷的研究更多更有趣的怪異問題.

同時真的加深了我對js 的理解...?? 那么下面一些文字屬于我于 wait 還有其他幾位朋友閑聊時扯出來的一些js怪異現象的總結...? 其中也有疑問? 至盡不知其原理.

我們知道 js? 有種機制叫預編譯.

即在根環境順序執行的過程中會把 var 和function 這兩個聲明關鍵字提前解釋一下. 以告訴瀏覽器 . 有多少個變量和方法被聲明.

對于一個變量聲明. 其過程如下.

var x=1;

在預編譯階段 .他等價于 var x;? 即 var x=undefined 以便告訴瀏覽器這里有個變量. 但不會去執行賦值語句.

只有在預編譯完成后真正解釋執行當前代碼時才會執行 x=1; 部分.

這也就解釋了.下面兩組代碼的區別和現象 :

Code Snippet

alert(x);//打印undefined

var x=1;

而

Code Snippet

alert(x) //不含下面的聲明語句時 .瀏覽器報錯.

那么 function? 既然也屬于預編譯的目標. 為什么其表現和 var差別如此巨大呢? 我的疑問? 就在這里

有些觀點提出 function f(){} 和 var f=function(){}? 是完全等價的.

很明顯.根據前面對 var 的測試. 即說明兩者的差別.? 這也解釋了為什么以OO方式去寫js時 this.func=function(){} 一定要出現在你調用 this.func()前面的根本呢原因.

那么很明顯對于function 和var 的預編譯機制是不同的. 瀏覽器會在預編譯階段. 把function 聲明部分直接解釋..如果是具名函數. 則會把函數名作為存放該函數引用的變量. 直接標記出來. 這就解釋了方法可以先調用后聲明的原因.?? 這僅僅是我的推斷. 如果有該部分的資料希望各位老師可以給出.

那么看下一個問題. 也是有關瀏覽器解釋執行時的一些細節

很多類庫都會把其實現都封裝到一個偽名稱空間中. 即把代碼放到一個自執行的匿名函數中去如

(function(){........code....... })();

在我過去逐漸加深對js的學習過程中. 第一次看到自執行匿名函數時. 實在是覺得匪夷所思. 他是如此的優雅.

但并沒有對他深入的去理解.? 最近通過看周愛民老師的blog? 才引起了我對它的反思... 為什么函數聲明部分加個括號.就可以執行了呢? 而function(){}();就會報錯呢? 通過不斷的測試. 終于摸到些門道.

首先我們得明白一個函數聲明部分對 js來說意味著什么.? 根據前面的預編譯. 我們知道他就是一段聲明. 而不同于一般的表達式. 表達式預編譯期間. js完全忽略?? 所以當 js解釋執行到 function(){}(); 部分時會忽略掉聲明語句. 因為那部分在預編譯時.? js已經解釋執行過了. 再執行一次就屬于浪費感情.? 所以它跳過.? 然后試圖去執行(); 這顯然就會報錯.

那么加了( function(){})? 有什么區別呢? 很顯然 ( ) 是表達式的一部分所以js遇到 ( ) 會被迫去對( )中的部分求解得到返回值. 這就逼迫 js去再次解釋執行函數聲明部分的語句.... 所以到了這里我猜測如果js沒有某個機制去分辨是否某個函數已存在過而此時把() 中的函數聲明部分看成是類似某條件分枝被滿足時才執行的聲明語句. 則可能會產生兩個作用相同的函數.? 從而浪費內存. (這只是我的推斷.沒有任何資料可以支持我的觀點.)

接著上面.? 我們可以做以下嘗試.用類似的語句?同樣實現匿名函數自執行:

+function(){...}();

1,function(){.....}();

結果證明. 完全可行.

最后再說一個? 我至盡沒有找到答案的怪異問題一個關于 delete 的問題. 希望各位老師能給予指點.

我們都知道 delete 是無法刪除一個私有屬性或原型鏈中的東西的.

如

var x=1;

delete x;

alert(x);//打印1 即刪除失敗.

但下面的代碼卻沒有問題.

eval(' var x=1;');

delete x;

alert(x);// 報錯?x未定義 .說明刪除成功.??很明顯 eval 中的val 是無效的. 那么我很想知道這個x 到底是怎樣一個存在.

因為他并不簡單等價于 eval('x=1') 或?x=1;?? 用個測試即可證明

首先要提的就是我們以前在某個非 window 作用域(即非根環境聲明全局變量) 內聲明一個全局變量是不使用 var 聲明語句 .而直接使用如? x=1; 這樣的表達式.? 一旦js執行到這里就會產生一個全局變量

下面的例子. 說明他們的不同

function func(){

? a=1;

}

func();

alert(a)// 或alert(window.a) 打印 1

而

function func(){

? eval('var a=1;');

}

func();

alert(a) //報錯. alert(typeof a) 打印undefined

就是這里. 徹底把我搞暈了. 那么 eval 中出現的 var 變量聲明到底意味著什么呢?

我們再來看看? var 的威力有多大.

window={}; //ie報錯 . ff忽略之.

那么

var window={};// ie opera safari 全過? ff3.0 報錯

alert(window.location);// 報錯.對象不支持此屬性或方法.

說明只有ff 的js? moneky引擎做了預防. 即不允許你聲明的變量名同?核心對象名重復.

而其他引擎都允許..? 那么我們暫時不討論引擎的問題.? 只看 var window={} 成功執行之后的情況

?上面兩組代碼充分說明一下2點問題:

1.js的預編譯機制的特權.?

? 因為我們根據上面2組代碼可以看出真正起作用的不是賦值語句而是變量聲明部分即 var window;//此時強制window 指向undefined對象. 然后執行到 window={}; 因為此時 window指向的已經不是我們的那個全局環境(平常我都叫他window對象...) 而是undefined . 所以js 允許我們為這個變量賦值...為一個 new Object()...

2. window!=全局環境. 而僅僅是一個指針一個引用一個句柄.

因為? 下面的代碼說明了此問題:

ie opera9 ?safari? chrome 可過

var window={};

alert(123);//正常打印 123

window.alert(123)//失敗.不存在該方法. 因為window引用的目前是一個空對象.? 而不是原始的window 引用即全局環境 .

轉載于:https://www.cnblogs.com/qiantuwuliang/archive/2009/06/17/1505420.html

總結

以上是生活随笔為你收集整理的js近期的研究总结的全部內容，希望文章能夠幫你解決所遇到的問題。

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

近期
js