请大佬帮忙看看这句代码的逻辑

Question

['btn-' + this.size] : this.size !== '',

['btn-disabled'] : this.disabled

变量什么的不重要，主要是这里面中括号与冒号的使用问题，看不懂这里面的逻辑

Answer 1

有冒号肯定是在对象字面量中，分隔属性名和属性值，如

var obj = {
    ['btn-' + this.size] : this.size !== '',
    ['btn-disabled'] : this.disabled
};

[]方括号是es6的新语法，先拼接[]中字符串，然后将其作为对象的属性名，等同：obj['btn-' + this.size] = (this.size !== '')