PHPStorm 当前 Javascript 版本不支持 Shorthand 属性名称

Question

我已经使用 Jquery getScript 并通过 Javascript 生成了 html 表单，但是我得到了 Shorthand 属性名称在 PHPStorm 中的当前 Javascript 版本不支持，但我的功能也能正常工作。

关注点： 在我使用 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

你可以这样解决：

from:{chief_opt: chief_opt}

因此，如果您将代码更改为：

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'},

您应该不会再遇到 PHPStorm 错误了。

希望它有所帮助或至少清除了一点。 ;)

Answer 2

我在 Webstorm 中执行了以下步骤来解决同样的问题，所以它在 PHPStorm 中也可能有效：

按 ALT + CNTRL + S 转到“设置”
点击"Languages and Frameworks"
点击'Javascript'
在 "Javascript language version" 下拉列表中，select 'ECMAScript 6'。
点击'OK'
现在重新打开您之前可能打开过的任何 *.js 文件，注意错误不再存在。

希望对某人有所帮助。

Answer 3

PHP 风暴解决方案该错误归因于您在 PHPSTORM 中的 Javascript 设置版本步骤

转到设置（macbook 上的首选项）settings/preference 并单击
通过单击展开语言和框架 click language & frameworks
点击Javascript并将Javascript语言版本更改为当前或推荐的ECMAScript6。select ecmascript

PHPStorm 当前 Javascript 版本不支持 Shorthand 属性名称

Shorthand property name are not supported by current Javascript version in PHPStorm

html

javascript

php

jquery

phpstorm

PHPStorm 当前 Javascript 版本不支持 Shorthand 属性 名称

Shorthand property name are not supported by current Javascript version in PHPStorm

html

javascript

php

jquery

phpstorm

PHPStorm 当前 Javascript 版本不支持 Shorthand 属性名称