JS中匿名函數$(function(){ })和(function(){})()的區別


“$(function(){ });” Jquery語法的匿名函數,用於存放操作DOM對象的代碼,執行其中代碼時DOM對象已存在;

(通過這樣就可以在頁面加載完成時通過ajax再異步加載一些數據)

 

“(function(){})();”用於存放開發插件的代碼,執行其中代碼時DOM不一定存在;

(用於在內容加載時或加載前加載)

 

舉例:

該例子在瀏覽器中運行的時候會報錯,究其原因(function(){...})()函數的執行時機並不是在DOM加載完畢后才執行,而是隨着頁面自上而下來執行

<html>
     
        <title>錯誤實例</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
        <script type="text/javascript">
            (function(){
                alert(document.getElementById("name").value);
            })();
        </script>
        <input type="hidden" id="name" name="name" value="GaoHuanjie">
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM