(5)ES6解构赋值-函数篇

函数参数的解构赋值

function sum(x, y) {return x + y;
}
sum(1,2);//3//解构赋值
function sum([x, y]) {return x + y;
}
console.log( sum([1,2]) );//3

函数参数解构赋值的默认值

function fun({x = 0, y = 0} = {}) {return [x, y];
}console.log( fun({}) ); //[0,0]
console.log( fun() ); //[0,0]
console.log( fun({x: 100}) ); //[100,0]
console.log( fun({x: 100, y: 200}) ); //[100,200]

函数参数的解构赋值的默认值undefined

function fun({x, y} = { x:0, y:0 }) {return [x, y];
}console.log( fun({}) ); //[undefined,undefined]
console.log( fun() ); //[0,0] 没传参数实际上是对象的解构赋值
console.log( fun({x: 100}) ); //[100,undefined]
console.log( fun({x: 100, y: 200}) ); //[100,200]

转载于:https://www.cnblogs.com/jewave/p/6238606.html

(5)ES6解构赋值-函数篇相关推荐

js之删除对象中的属性——delete、es6解构赋值、自执行匿名函数
js之删除对象中的属性--delete.es6解构赋值.自执行匿名函数实例 const person = {name: '李世民',gender: 'male',age: 24 };// 删除目标对 ...
前端学习必备之ES6解构赋值的常见用法
1.解构赋值可以轻松获取对象或者数组中的数据 var jsonData = {data: "111",data2: ["test","test2&qu ...
ES6 解构赋值详解
解构赋值是对赋值运算符的扩展,可以将属性/值从对象/数组中取出,赋值给其他变量. 一.数组的解构赋值 1.基本用法只要等号两边的模式相同,左边的变量就会被赋予对应的值. let [a, [[b], ...
ES6解构赋值原理详解
ES6解构赋值 ES6变量的解构赋值本质上是"模式匹配",只要等号两边的模式相同,左边的变量就会被赋予匹配的右边的值,如果匹配不成功变量的值就等于undefined 数组的解构赋值 ...
[OHIF-Viewers]医疗数字阅片-医学影像-es6解构赋值-const{}=-let{}=
[OHIF-Viewers]医疗数字阅片-医学影像-es6解构赋值-const{}=-let{}= 解构赋值语法是一种 Javascript 表达式.通过解构赋值, 可以将属性/值从对象/数组中取出, ...
ES6解构赋值: ES6...转为ES5的写法
es6的特性,主要用于数组和对象的析构直接上问题: 因为chrome低版本(用的55版本)不支持es6...的下面这种写法, 需要转为es5写法 function calcLinePaths() ...
ES6 解构赋值的用法笔记
1.概念:解构赋值可以理解为对赋值运算符的一种扩展.它主要针对数组或者对象进行模式匹配,然后对模式中的变量进行赋值. 2.特性:采用ES6解构赋值的方式可以代码的可读性更高.代码书写更加简洁.清晰. ...
ES6变量的解构赋值--对象篇
目录使用方式普通形式嵌套结构使用默认值注意事项上一篇我们讲解了数组的解构赋值,解构还可以用于对象.字符串等等,这里我们来讲解对象的解构赋值. ES6变量的解构赋值--数组_zxn20012 ...
ES6解构赋值有这一篇就够了
文章目录 1.什么是解构赋值 2. 为什么会出现解构 3.解构赋值的类型 3.1 数组的解构赋值 3.2 对象的解构赋值 3.3 函数参数的解构赋值 3.4其他的解构可以参考阮大的文章 4.解构的用途 ...

(5)ES6解构赋值-函数篇

(5)ES6解构赋值-函数篇相关推荐

最新文章

热门文章