在html中配合ES6的可计算属性名使用：
<div id="div">Kev易塔云建站-模板下载,web开发资源,技术博客
<input onclick="getTarget(event);" id="inputName" type="text" name="username" value="value1 is name" />Kev易塔云建站-模板下载,web开发资源,技术博客
<input onclick="getTarget(event);" id="inputWord" type="text" name="password" value="value2 is pass" />Kev易塔云建站-模板下载,web开发资源,技术博客
</div>
function getTarget(event){Kev易塔云建站-模板下载,web开发资源,技术博客
let target = event.target;Kev易塔云建站-模板下载,web开发资源,技术博客
console.log(target);Kev易塔云建站-模板下载,web开发资源,技术博客
let name = target.name;Kev易塔云建站-模板下载,web开发资源,技术博客
let value = target.value;Kev易塔云建站-模板下载,web开发资源,技术博客
console.log(name);Kev易塔云建站-模板下载,web开发资源,技术博客
let person = {Kev易塔云建站-模板下载,web开发资源,技术博客
[name]: valueKev易塔云建站-模板下载,web开发资源,技术博客
}Kev易塔云建站-模板下载,web开发资源,技术博客
console.log(person[name]);Kev易塔云建站-模板下载,web开发资源,技术博客
}
可以看到结果随着name变量的变化而变化。Kev易塔云建站-模板下载,web开发资源,技术博客
Kev易塔云建站-模板下载,web开发资源,技术博客所以在ES6中的解释为：
var prefix = 'test';Kev易塔云建站-模板下载,web开发资源,技术博客
var obj = {Kev易塔云建站-模板下载,web开发资源,技术博客
[prefix + '1']: 'hello',Kev易塔云建站-模板下载,web开发资源,技术博客
[prefix + '2']: 'world',Kev易塔云建站-模板下载,web开发资源,技术博客
}Kev易塔云建站-模板下载,web开发资源,技术博客
obj['test1']; // helloKev易塔云建站-模板下载,web开发资源,技术博客
obj['test2']; // world
