El nombre abreviado de la propiedad no es compatible con la versión actual de Javascript en PHPStorm

He utilizado Jquery getScript y he generado el formulario html por Javascript, pero obtuve el nombre de propiedad de Taquigrafía no son compatibles con la versión actual de Javascript en PHPStorm, pero mi function también funciona.

Preocupación: Antes de usar PHP para generar formularios html dentro de otro framework de PHP pero creo que no debería usar el script del server para hacer eso, debería usar JS para hacer eso, pero no sé cómo está pasando y es compatible con todos los browseres. o no, por favor, dame una idea de esta técnica porque todavía no entiendo mucho más sobre demandar a DOM y su desempeño.

Preocupación de security: si utilicé Javascript para generar el formulario Html como se indica a continuación, ¿tendrá less security o un mal performance o no?

Otra mano si conservo este código dentro de HTMl nunca tendré este tipo de errores.

$(document).ready(function () { returnTill('returnTill'); }); function returnTill(returnTill) { var chief_opt = ''; var teller_opt = ''; $.ajax({ url:'/teller/return_till_data', method:'get', dataType:'json', timeout:4000, async: false, success:function (data, status) { $.each(data, function(ins, vals){ if(ins === 'chief') { cheifs = data.chief; for(var key in cheifs){ chief_opt += '<option value="'+vals[key].id+'"> '+vals[key].username+' / '+vals[key].account_no+' </option>'; } }if(ins === 'teller') { /* Tellers*/ tellers = data.teller; for(var key in tellers){ teller_opt = '<option value="'+vals[key].id+'"> '+vals[key].username+' / '+vals[key].account_no+' </option>'; } loadModale({ idSelector: returnTill, title: 'Return Till', labels: ['From','To','Amount','Description'], loadType:'returnTill', forms: { input: { selection: { from:{chief_opt,class:'form-control', name:'retn_chief', id:'retn_chief'}, to:{teller_opt, class:'form-control', name:'retn_teller', id:'retn_teller'}, }, Amount :{type: 'text', name: 'retn_amount', class: 'form-control', Id: 'retn_amount', placeholder: '', style: '', value:''}, token:{ type: 'hidden', name: '_token', class: 'form-control', Id: 'token', placeholder: '', style: '', value: '{{csrf_token()}}'}, }, textarea : { description:{class:'form-control', name:'tran_descr', rows:10, id:'tran_descr'} } },script: [ '/theme/js/jquery.validate.min.js', '/theme/js/bootstrap-datepicker/js/bootstrap-datepicker.js', ] }); } }); },error: errorCallback, }); } 

Errores:

enter image description here

Puedes arreglarlo de esta manera:

 from:{chief_opt: chief_opt} 

Entonces, si cambias tu código a esto:

 from:{chief_opt: chief_opt, class:'form-control', name:'retn_chief', id:'retn_chief'}, to:{teller_opt: teller_opt, class:'form-control', name:'retn_teller', id:'retn_teller'}, 

No deberías get más el error de PHPStorm.

Espero que haya ayudado o al less aclarado un poco. 😉

Realizo los siguientes pasos en Webstorm para resolver el mismo problema, por lo que también puede funcionar en PHPStorm:

  1. Vaya a Configuración presionando ALT + CNTRL + S
  2. Haga clic en "Idiomas y frameworks"
  3. Haga clic en 'Javascript'
  4. En el menu desplegable "Versión de idioma de Javascript", select "ECMAScript 6".
  5. Haga clic en Aceptar'
  6. Ahora vuelva a abrir todos los files * .js que haya abierto anteriormente y observe que los errores ya no están allí.

Espero que ayude a alguien.