<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
es6 解构赋值
</title>
<style>
</style>
</head>
<body>
<script>
var a=[1,2,3]
console.log(a)
// 控制台显示array(3) [1,2,3]
var[b,c,d]=[4,5,6]
console.log(b,c,d)
//显示 4 5 6
var obj={
name:'bs',
age:18,
eat:function(){
console.log('eat')
}
}
// 创建一个对象
var {age,name,eat}=obj;
// 让变量等于一个对象
console.log(age,name,eat)
// 可以显示出对象内所有的属性名,属性值。但变量的个数一定要与对象的内容互相对应
var str='bst';
var[u,v,w]=str;
console.log(u,v,w)
console.log(u);
console.log(v);
console.log(w);
function fn(name,age){
console.log(name,age)
}
fn({name:'lm',age:17})
//name占了fn{}里面的所有 所以age会显示undefined
function fn2(){
return{
name:'lm',
age:17
}
}
var{name}=fn2()
// 直接等于函数名称
console.log(name,age)
// 正确显示
</script>
</body>
</html>
es6入门:解构赋值
最新推荐文章于 2024-10-15 15:44:22 发布