Buen día a todos,

Necesito ayuda para resolver este rompecabezas jquery. Pasé bastante tiempo tratando de hacer que esto funcionara sin suerte. necesito poder pasar parámetros a mi función personalizada para que no sean persistentes y puedan sobrescribirse. actualmente mantendrá el primer conjunto de parámetros pasados aunque pase otros nuevos o nada.

aquí está el código para la función personalizada que adjunté a $

 $(document).ready(() => { $.addImage = function addImage(params) { 'use strinct'; const ops = params || undefined; let cropper; let avatar = document.getElementById('Avatar'); console.log(ops); // 1st call is $.addImage({ isKey1: 'yes' }) => { isKey1: 'yes' } (good) // 2nd call $.addImage() => { isKey1: 'yes' } nope should be undefined // 1st call is $.addImage() => undefined (good) // 2nd call $.addImage({ isKey1: 'yes' }) => undefined (nope should be the object) // we are in certification mode, change the image sources if (ops && ops.isKey1 === 'yes') { avatar = document.getElementById(rowImgID); } // eslint-disable-next-line prefer-arrow-callback document.getElementById('imgSave').addEventListener('click', function () { let canvas; if (cropper) { // eslint-disable-next-line prefer-arrow-callback canvas.toBlob(function (blob) { let url; console.log(ops); // 1st call is $.addImage({ isKey1: 'yes' }) => { isKey1: 'yes' } good // 2nd call $.addImage() => { isKey1: 'yes' } nope should be undefined or null // 1st call is $.addImage() => undefined (good) // 2nd call $.addImage({ isKey1: 'yes' }) => undefined (nope should be the object) if (ops && ops.isKey1 === 'yes') { url = 'url1'; } else { url = 'url2'; } console.log('url:', url); // $.ajax({ // // here send blob // // send other values // blob, // ..... // ..... // }) }); } }); }; });

y cuando trato de llamar a la función dos veces por ejemplo

primera llamada sin param así

 $('#btnAddAvatar').on('click', (e) => { e.preventDefault(); $.addImage(); });

y la segunda llamada en otro lugar del código como este

 if ($target.hasClass('addImg')) { const options = { isKey1: 'yes', otherKey: otherValue, }; $.addImage(options); }

en la segunda llamada, el objeto "params" siempre tiene por defecto el valor de la primera llamada. entonces, en este caso, "params" es nulo, por lo tanto, ops se vuelve nulo. si llamo a $.addImage(options) primero y luego llamo a $.addImage(), la segunda llamada tendrá todas las opciones cuando no quiera las opciones.