菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: js中解构赋值操作的使用_汪刚_20230519 [打印本页]

作者: 霁后彩虹O 时间: 2023-5-24 19:10
标题: js中解构赋值操作的使用_汪刚_20230519
今日学习内容：1.轮播图的编写思路

先布局结构，再写样式，再根据要求写js

2.解构赋值

概述

解构赋值是对赋值运算符的扩展。

他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。

在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。

解构模型

在解构中，有下面两部分参与：

解构的源，解构赋值表达式的右边部分。

解构的目标，解构赋值表达式的左边部分。

当解构模式有匹配结果，且匹配结果是 undefined 时，会触发默认值作为返回结果。

遵循对应原则

结构数组

结构对象

复杂数据解构

解构赋值和剩余参数配合使用

3.函数的默认参数

实参优先

如果没有就是默认参数

4.扩展运算符

语法：...arr

伪数组转成数组

将伪数组元素前添加...;

5.from方法

定义和用法

from() 方法用于通过拥有 length 属性的对象或可迭代的对象来返回一个数组。

如果对象是数组返回 true，否则返回 false。

浏览器支持

表格中的数字表示支持该方法的第一个浏览器版本号。

语法Array.from(object, mapFunction, thisValue)参数

参数	描述
object	必需，要转换为数组的对象。
mapFunction	可选，数组中每个元素要调用的函数。
thisValue	可选，映射函数(mapFunction)中的 this 对象。

技术细节

返回值:	数组对象。
JavaScript 版本:	ECMAScript 6

Array.from() 可以将一个伪数组转换为数组，实现数组去重：

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)