如何讓我的功能可見在全球範圍內

Question

我有以下的javascript，使功能$E

在window.onload它拋出錯誤$E沒有定義。

所以我的問題是如何使$E在全球範圍內可見的，所以我可以在(function(){})();功能之外訪問它

window.onload = function() { 
    $E("bhavik").warn(); 
} 
(function() { 
       function $E(s) { 
        return new ge(s) 
       } 
       function ge(sel) { 
        this.arg = sel; 
        return this; 
       } 
       ge.proto = ge.prototype = {warn: function() { 
         alert(this.arg) 
        }}; 
       ge.proto.hi=function(){alert("hi "+this.arg)} 
       $E("bhavik").hi(); 
      })(window); 

Answer 1

爲了使變量可見在全球範圍內，設置它的window對象。例如：

function $E(s) { 
    return new ge(s); 
} 
window.$E = $E; 

Answer 2

Javascript : How to create global functions & variables

http://www.w3schools.com/jsref/jsref_obj_global.asp

你應該在window變量設置爲您function，使之獲得。這些鏈接將有所幫助。 您也可以定義外部功能並使其成爲全局功能。

進行詳細研究，

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Functions_and_function_scope

javascript function scope

Answer 3

只是聲明它的匿名函數之外。通過在模塊內部聲明所有代碼，您將創建一個新的作用域，與所有其他代碼隔離開來，如果您希望在全局上下文中可用，只需在該函數之外聲明它即可。

Answer 4

嘗試改變函數聲明的順序

(function() { 
      function $E(s) { 
       return new ge(s) 
      } 
      window.$E = $E; 
      function ge(sel) { 
       this.arg = sel; 
       return this; 
      } 
      ge.proto = ge.prototype = {warn: function() { 
       alert(this.arg) 
      }}; 
      ge.proto.hi=function(){alert("hi "+this.arg)} 
      $E("bhavik").hi(); 
     })(window); 
window.onload = function() { 
    $E("bhavik").warn(); 

Answer 5

這樣函數從另一個函數內的全球測試時：

function test() 
{ 
    window.$E = function() { alert('test'); }; 
} 

test(); 
$E(); 

http://jsfiddle.net/WEg4b/

因此，以使其適應您的需求：

(function() { 

       function ge(sel) { 
        this.arg = sel; 
        return this; 
       } 

       window.$E = function $E(s) { return new ge(s); }; 

       ge.proto = ge.prototype = {warn: function() { 
         alert(this.arg) 
        }}; 
       ge.proto.hi=function(){alert("hi "+this.arg)} 
       $E("bhavik").hi(); 
      })(window);