解构赋值0

对象字面量的增强：对象中属性与方法的简洁表示法。对象字面量是什么？创建对象的一种方式
const person={ name:‘zhangsan’, age:34 }
属性的简洁表达式==>键名和变量或常量名一样的时候，可以只写一个
const age=23; const person={ name:‘zhangsan’, // age:age, //这里可以简写 age } console.log(person)
方法的简洁表示法==>方法可以省略冒号和function 关键字
const person={
// speak:function(){}
speak(){
console.log(‘这是方法的简写形式’) }
} person.speak();//方法的调用
对象中[]方括号语法：方括号语法的用法
const prop=‘age’; const person={};
//之前的写法
person[prop]=23;//将age属性添加到了person对象中
console.log(person)//{age:23}
增强以后：方括号语法可以写到对象字面量中
const prop=‘age’; const person={
[prop]:12
//prop为一个变量
} console.log(person);//{age:23}
方括号中可以放什么：${} 模板字符串，[值或通过计算可以得到值得(表达式)]
const attr=‘age’;
const func=()=>‘age2’;
const people={ [prop]:23,//[] 里面可以是常量
[func()]:45,//[] 可以是一个计算的结果
[‘sex’+‘3’]:34//[]里面也可以是 字符串拼接
} console.log(people);
方括号语法和点语法的区别：点语法是方括号语法的特殊形式, 当我们的属性名为合法标识符的时候 可以使用点语法，特殊的属性名 需要使用方括号语法
函数参数默认值：函数参数默认值的；1.在函数被调用的时候如果传参了，就用传递的参数；如果没有传递参数，就是用默认参数值 2.函数参数默认值的基本用法
const add=(x,y=1)=>x*y;//这里的y=1就是函数的默认值 console.log(add(2)); console.log(add(2, 4));
3.函数参数默认值的注意事项：函数参数默认值生效的条件：不传参数或者明确的传递undefined作为参数，只有这两种情况下，默认 值才会生效
const add = (x, y = 1) => x * y;
console.log(add(2, 0));//0
console.log(add(2, null));//0
console.log(add(2, undefined));//2
console.log(add(2));//2
4.默认值设置的小技巧：函数参数的默认值,最好从参数列表的右边开始设置
const add = (x = 2, y) => x * y; console.log(add(3));//0
函数参数默认值的应用1.接受很多参数的时候
const logUser = (name = ‘zhangsan’, age = 18, sex = ‘male’) => console.log(name, age, sex);
logUser();//无参数的时候使用默认值
logUser(‘xiaoming’, 34, ‘male’);
2.接受一个对象作为参数名
const person = { name: ‘zhangsan’, age: 23, sex: ‘male’ }
// 解构对象的默认值赋值
const logUser = ({ name = ‘xiaohong’, age = 18, sex = ‘female’ }) =>
console.log(name, age, sex);
logUser({});//调用的时候传递空对象 xiaohong 18 female
logUser(person);//zhangsan 23 male
解构对象默认值name=‘xiaohong’ 函数的默认值赋值{name=‘xiaohong’,age=18,sex=‘female’}={}
const logUser = ({ name = ‘xiaohong’, age = 18, sex = ‘female’ } = {}) =>
console.log(name, age, sex);
// 函数的调用
logUser();//注意两种方式的调用方式 /
/xiaohong 18 female
解构赋值：解析某一数据的解构，将我们想要的东西提取出来，赋值给变量或者常量。
数组的解构赋值：数组的解构赋值原理 1.模式匹配、或结构匹配
[] = [1, 2, 3];//左边是数组，那么右边也是数组
2.索引值相同的完成赋值
const [a, b, c] = [1, 2, 3];
console.log(a, b, c);
不取的，可以直接用逗号跳过
const [,c]=[1, 2, 3];//不取的数据可以用 , 逗号跳过
console.log©;//3
const [a,b,c]=[1,[2,4,5],3];
console.log(a,c);//b为一个数组
数组的解构赋值的默认值:只有当一个数组成员严格等于(===)undefined 时，对应的默认值才会生效
const [a=1,b=3]=[3,2]; console.log(a,b);//3 2 const [a=1,b=3]=[3,null]; console.log(a,b);//3 null // 数组成员严格等于undefined const [a = 1, b = 3] = [3, undefined];//3 3 console.log(a, b);//3 3
默认值表达式 如果默认值是表达式，默认值表达式惰性求值的
const fun1 = () => { console.log(“我被执行了”); return 3; }
const [a = fun1()] = [1]; //1
const [b = fun1()] = [];//会执行fun1函数 console.log(b);
数组解析赋值的应用 1.常见的类数组的解构赋值 ( arguments NodeList)
function fun1() { console.log(arguments);//类数组对象，接受函数的参数 const [a, b] = arguments;//对arguments进行解构 console.log(a, b);//2,57 } fun1(2, 57, 4);