PHPStorm中的当前Javascript版本不支持速记属性名称

Question

我已经使用Jquery getScript并通过Javascript生成html表单但是我 在PHPStorm中当前的Javascript版本不支持Shorthand属性名称,但我的功能也可以.

关注:以前我用PHP到另一个PHP框架内生成html形式,但我觉得我不应该使用的服务器脚本这样做,我应该用JS做到这一点,但我不知道这是怎么回事,并且它支持所有浏览器或者不是这样,请给我一些关于这种技术的想法,因为我还没有更多地了解起诉DOM及其性能.

安全问题:如果我使用Javascript生成如下脚本的Html表单,它会降低安全性或不良性能吗？

另一方面,如果我将此代码保留在HTMl中,我将永远不会得到这种错误类型.

$(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,
    });
}

错误:

Answer 1

我在Webstorm中执行以下步骤来解决相同的问题,因此它也可以在PHPStorm中工作:

1. 按ALT + CNTRL + S转到"设置"
2. 点击"语言和框架"
3. 点击"Javascript"
4. 在"Javascript语言版本"下拉列表中,选择"ECMAScript 6".
5. 点击"确定"
6. 现在重新打开您之前打开过的任何*.js文件,并注意错误已不再存在.

希望能帮助别人.