Javascript 这个指向最后一个对象实例
Javascript this point to last object instance
首先,抱歉我的英语不好。
我在开发的 jquery 插件的上下文中遇到问题。
我在下面制作的插件的每个实例,都指向最后一个对象。
示例:
var a = $("#a").EscribirConAdjuntos();
var b = $("#b").EscribirConAdjuntos();
var c = $("#c").EscribirConAdjuntos();
结果是a和b修改了c对象,我会尽力解释的更好,但我不知道为什么。
如果我这样做 a.setText("Text A");它将修改存储在 c.
中的实例附加的文本区域
(function(window, $){
var pluginName = 'EscribirConAdjuntos';
if(typeof $ === "undefined")
return console.error('No esta añadida la librería jquery.js');
var defaults = {
btnGuardar : false,
onGuardar : $.noop,
onActualizar : $.noop,
texto : false,
media : false,
};
/* Constructor principal */
var Plugin = function ($el, options){
this.o = $.extend( {}, defaults, options);
this.$.el = $el;
// I add this textarea
this.$.textarea = $('<textarea></textarea>').appendTo(this.$.el);
return this;
};
Plugin.prototype = {
$:{},
setText : function(text){
this.textarea.val(text);
}
/* Some functions */
};
$.fn[pluginName] = function(options, args){
var $this = $(this);
var plugin = $this.data(pluginName);
if(!plugin){
plugin = new Plugin($this, options);
$this.data(pluginName, plugin);
return plugin;
} else {
if(plugin[options] && typeof plugin[options] == 'function')
return plugin[options].apply(plugin,args);
else
return plugin;
}
};
})(window, jQuery);
问题不在于函数的 this
值。问题是 Plugin.prototype.$
对象。 Plugin
构造函数的所有实例的 $
属性 引用同一个对象,即当您重置 el
和 textarea
属性的值时 $
对象,它们将为所有实例重置。
> a === b
false
> a.$ === b.$
true
在构造函数中定义$
属性
/* Constructor principal */
var Plugin = function ($el, options){
this.o = $.extend( {}, defaults, options);
this.$ = {};
this.$.el = $el;
// I add this textarea
this.$.textarea = $('<textarea></textarea>').appendTo(this.$.el);
return this;
};
Plugin.prototype = {
// $:{},
setText : function(text){
this.$.textarea.val(text);
}
};
首先,抱歉我的英语不好。
我在开发的 jquery 插件的上下文中遇到问题。 我在下面制作的插件的每个实例,都指向最后一个对象。 示例:
var a = $("#a").EscribirConAdjuntos();
var b = $("#b").EscribirConAdjuntos();
var c = $("#c").EscribirConAdjuntos();
结果是a和b修改了c对象,我会尽力解释的更好,但我不知道为什么。
如果我这样做 a.setText("Text A");它将修改存储在 c.
中的实例附加的文本区域(function(window, $){
var pluginName = 'EscribirConAdjuntos';
if(typeof $ === "undefined")
return console.error('No esta añadida la librería jquery.js');
var defaults = {
btnGuardar : false,
onGuardar : $.noop,
onActualizar : $.noop,
texto : false,
media : false,
};
/* Constructor principal */
var Plugin = function ($el, options){
this.o = $.extend( {}, defaults, options);
this.$.el = $el;
// I add this textarea
this.$.textarea = $('<textarea></textarea>').appendTo(this.$.el);
return this;
};
Plugin.prototype = {
$:{},
setText : function(text){
this.textarea.val(text);
}
/* Some functions */
};
$.fn[pluginName] = function(options, args){
var $this = $(this);
var plugin = $this.data(pluginName);
if(!plugin){
plugin = new Plugin($this, options);
$this.data(pluginName, plugin);
return plugin;
} else {
if(plugin[options] && typeof plugin[options] == 'function')
return plugin[options].apply(plugin,args);
else
return plugin;
}
};
})(window, jQuery);
问题不在于函数的 this
值。问题是 Plugin.prototype.$
对象。 Plugin
构造函数的所有实例的 $
属性 引用同一个对象,即当您重置 el
和 textarea
属性的值时 $
对象,它们将为所有实例重置。
> a === b
false
> a.$ === b.$
true
在构造函数中定义$
属性
/* Constructor principal */
var Plugin = function ($el, options){
this.o = $.extend( {}, defaults, options);
this.$ = {};
this.$.el = $el;
// I add this textarea
this.$.textarea = $('<textarea></textarea>').appendTo(this.$.el);
return this;
};
Plugin.prototype = {
// $:{},
setText : function(text){
this.$.textarea.val(text);
}
};