ES6学习(2)解构赋值

简介: ES6学习(2)解构赋值
  1. 什么是解构赋值
    ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构赋值;
  2. 解构赋值属于浅拷贝还是深拷贝
  • 如果数组或者对象中的值时基本数据类型,那么就是深拷贝,即改变变量的值,并不会影响对象或者数组的值发生改变。
  • 如果数组或者对象的值依旧是数组或者对象,那么对这个值结构的时候,就是浅拷贝,修改值,也会引起原对象值的改变。
    const F3 = {
         
      name : "大哥",
      age : 22,
      sex : "男",
      xiaopin : function(){
          // 常用
          console.log("我会演小品!");
      }
    }
    let {
         name,age,sex,xiaopin} = F3; // 注意解构对象这里用的是{}
    console.log(name + age + sex + xiaopin); // 大哥22男
    xiaopin(); // 此方法可以正常调用
    
相关文章
|
6月前
|
JavaScript
ES6之变量的解构赋值
ES6之变量的解构赋值
|
6月前
|
JSON JavaScript 前端开发
ES6 变量的解构赋值
ES6 变量的解构赋值
|
2月前
ES6解构赋值
本文介绍了ES6中解构赋值的用法,包括对象和数组的解构,展示了如何从复杂数据结构中提取需要的变量,以及使用重命名和嵌套解构来简化代码。
35 0
ES6解构赋值
|
5月前
|
JSON JavaScript 前端开发
ES6 解构赋值详解
ES6是JavaScript语言的一次重大更新,引入了许多新特性和语法改进,其中解构赋值是一个非常实用和灵活的语法特性。它可以让我们从数组或对象中提取值,并赋给对应的变量,让代码变得更加简洁和易读。本文将深入探讨ES6解构赋值的语法、用法及其在实际开发中的应用。
191 58
ES6 解构赋值详解
|
3月前
es6 的解构赋值
【8月更文挑战第22天】
20 3
|
4月前
ES6 解构赋值【详解】
ES6 解构赋值【详解】
27 0
|
JavaScript 前端开发 网络架构
ES6 解构赋值
ES6 解构赋值
85 0
|
6月前
|
小程序
es6学习笔记(二)解构赋值
es6学习笔记(二)解构赋值
|
JSON 数据格式
ES6系列笔记-解构赋值
ES6系列笔记-解构赋值
67 1
|
11月前
ES6学习(二)—变量的解构赋值
ES6学习(二)—变量的解构赋值