javascript变量赋值-JavaScript 变量的解释参数

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

解释参数

数组的解释参数

在es6之前，我们通常通过下标来访问链表中的元素。 es6之后增加了解构参数的句型。

es6之前

let arr = [1, 2, 3];
let a = arr[0];
let b = arr[1];
let c = arr[2];
console.log(a, b, c); // 1 2 3

es6之后

let arr = [1, 2, 3];
let [a, b, c] = arr;
console.log(a, b, c); // 1 2 3

重构参数也可用于嵌套字段重构

let arr = [1, [2, 3], 4];
let [a, [b, c], d] = arr;
console.log(a, b, c, d); // 1 2 3 4

如果只想获取旁边的值，解构时不需要写下面的变量

let arr = [1, 2, 3];
let [, , a] = arr;
console.log(a); // 3

如果构造不成功，则返回undefined。如果重构返回值未定义，可以设置默认值

const arr = [];
const [a,b = 1] = [];
console.log(a, b); // undefined 1

如果默认值集是一个表达式，那么这个表达式将会被延迟求值，即只有当再次使用它时才会求值。

const arr = [];
function b() {
	console.log("b");
}
const  [a = b()] = arr;

对象的重构参数

不仅链表可以重构，对象也可以重构

const obj = { a: "a", b: "b" };
const { a, b } = obj;
console.log(a, b); // a b

与字段不同，对象可以无顺序地重构，只要变量和对象属性相同，就可以获得值。

const obj = { a: "a", b: "b" };
const { b, a } = obj;
console.log(b, a); // b a

如果解构不成功javascript变量赋值，会返回undefined，可以设置默认值

const obj = { a: "a", b: "b" };
const { c, d = "d" } = obj;
console.log(c, d); // undefined "d"

如果存在同名变量javascript变量赋值，可以重命名

const a = "aa";
const obj = { a: "a", b: "b" };
const { a: A } = obj;
console.log(a, A); // aa a

但如果没有同名变量，使用rename，此时上述变量的值就会报错

const obj = { a: "a", b: "b" };
const { a: A } = obj;
console.log(a); // ReferenceError: a is not defined

对象也可以使用嵌套进行重构

const obj = { a: { a1: { a11: "a11" }, b1: "b1" }, b: "b" };
const { a: { a1: { a11 }, b1 }, b } = obj;
console.log(a11, b1, b); // a11 b1 b

这时候如果想取a和a1的值就会报错。 如果要取值的话可以这样写

const {a, a: { a1, a1: { a11 }, b1 }, b } = obj;

函数参数的解释参数

函数参数也可以使用重构参数

function func([a, b]) {
	return a + b;
}
console.log(func([2, 3])); // 5

函数参数的解释也可以使用默认值

function func({ a = 10, b = 20 } = {}) {
	return a + b;
}
console.log(func()); // 30
console.log(func({})); // 30
console.log(func({ a: 1, b: 5 })); // 6

上面代码中函数的参数是一个对象，变量a和b是通过重构该对象得到的。 如果解释失败 a 和 b 等于默认值。

下面的写法会得到不同的结果

function func({a, b} = { a: 10, b: 20 }) {
	return [a, b];
}
console.log(func()); // [10, 20]
console.log(func({})); // [undefined, undefined]
console.log(func({ a: 1, b: 10 })); // [1, 10]

这种写法是为函数的参数指定默认值，而不是为变量a和b指定默认值，所以你会得到与之前的写法不同的结果。