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