JavaScript: phạm vi toàn cầu

Question

Ngày nay, tôi tạo tệp .js với nhiều chức năng và sau đó tôi liên kết nó với các trang html của tôi. Đó là làm việc nhưng tôi muốn biết cách tốt nhất (thực hành tốt) để chèn js trong các trang của tôi là gì và tránh xung đột với phạm vi ... Cảm ơn bạn.

Answer 1

Nó có lẽ không phải là cách tốt nhất, nhưng rất nhiều hệ thống PHP (tôi đang nhìn bạn, Drupal) lấy tên của plugin cụ thể của họ và thêm nó vào tất cả các tên chức năng của họ. Bạn có thể làm một cái gì đó tương tự, thêm tên của khả năng của bạn vào tên hàm của bạn - "mything_do_action()"

Cách khác, bạn có thể thực hiện một cách tiếp cận "OO" hơn và tạo một đối tượng đóng gói khả năng của bạn và thêm tất cả chức năng của bạn như là chức năng thành viên trên CNTT. Bằng cách đó, chỉ có một điều trong phạm vi toàn cầu phải lo lắng.

Answer 2

Cách tốt nhất là tạo phạm vi mới và thực thi mã của bạn ở đó.

(function(){ 
    //code here 
})(); 

Điều này được sử dụng tốt nhất khi phạm vi toàn cầu được truy cập ở mức tối thiểu.

Về cơ bản, điều này định nghĩa một hàm ẩn danh, cung cấp cho nó phạm vi mới và gọi nó.

Answer 3

Một ý tưởng đơn giản là sử dụng một đối tượng đại diện cho không gian tên của bạn:

var NameSpace = { 
    Person : function(name, age) { 

    } 
}; 

var jim= new NameSpace.Person("Jim", 30); 

Answer 4

Bạn có thể bọc chúng trong một chức năng ẩn danh như:

(function(){ /* */ })();

Tuy nhiên, nếu bạn cần để tái sử dụng tất cả các hàm javascript bạn đã viết ở nơi khác (trong các tập lệnh khác), bạn nên tạo một đối tượng chung duy nhất trên đó chúng có thể được truy cập. Hoặc như:

var mySingleGlobalObject={}; 
mySingleGlobalObject.someVariable='a string value'; 
mySingleGlobalObject.someMethod=function(par1, par2){ /* */ }; 

hoặc thay thế, cú pháp ngắn hơn (mà làm điều tương tự):

var mySingleGlobalObject={ 
    someVariable:'a string value', 
    someMethod:function(par1, par2){ /* */ } 
};

này sau đó có thể được truy cập sau đó từ các kịch bản khác như:

mySingleGlobalObject.someMethod('jack', 'jill');