1 回答

TA貢獻2019條經(jīng)驗 獲得超9個贊
Query是有良好的封裝,全局只有一個jQuery對象,不污染頂級域名。
jQuery默認使用"$"操作符,prototype等其他框架也是是使用"$",于是,如果jQuery在其他庫之后引入,那么jQuery將獲得"$"使用權(quán)。這樣的情況也很容易理解,畢竟JS是從上到下流式執(zhí)行的。
同樣的道理,如果在其他使用"$"的庫之前引入jQuery,那么jQuery將不會占用"$"。
在第一種情況時,如果想使jQuery讓出"$",只需要使用下面的語句:
Js代碼
jQuery.noConfilct();
該函數(shù)會返回jQuery對象本身,于是可以用來取別名,例如
Js代碼
var j = jQuery.noConfilt();
其實,如果單純地想取別名,使用var j = jQuery;就可以,但是上面的用法是更好的,后面會說到原因。
jQuery.noConfict()做了什么?怎么能夠讓出使用權(quán)?其實很簡單,提前把$的原本對象保存起來,調(diào)用該方法的時候再恢復(fù)就可以。
下面是源碼,相信一定能夠看明白了:
Js代碼
// Map over jQuery in case of overwrite
_jQuery = window.jQuery,
// Map over the $ in case of overwrite
_$ = window.$,
jQuery.extend({
noConflict: function( deep ) {
if ( window.$ === jQuery ) {
window.$ = _$;
}
if ( deep && window.jQuery === jQuery ) {
window.jQuery = _jQuery;
}
return jQuery;
}
可以看出,這里的noConflict如果指定deep為true,是可以把jQuery的全局對象也讓出來,這種用法可以用于多個jQuery版本的替換。
其實,這種noConflict用法是很常見的,在backbone中也這樣的函數(shù),見代碼
Js代碼
// Save the previous value of the `Backbone` variable, so that it can be
// restored later on, if `noConflict` is used.
var previousBackbone = root.Backbone
// Runs Backbone.js in *noConflict* mode, returning the `Backbone` variable
// to its previous owner. Returns a reference to this Backbone object.
Backbone.noConflict = function() {
root.Backbone = previousBackbone;
return this;
};
- 1 回答
- 0 關(guān)注
- 539 瀏覽
添加回答
舉報