ES6基础语法

目录

一、解构

  数组解构

  对象解构

  字符串解构

  数值解构

  布尔值解构

二、箭头函数 

和普通函数区别?

三、拓展运算符 ...


一、解构

  给右侧值匹配对应的变量 等号两侧模式一定要匹配

  数组解构
/*** 解构:从数组或者对象中提取值,给变量进行赋值操作就是解构 * 解构遵循就是模式匹配 等号左右两侧模式相等 * 数组对象解构 */// 1.完全解构// let  [a,b,c,d,e] =  [1,2,3,4,5];// console.log(a,b,c,d,e);// 2.完全解构// let [a,b,c,d,e] = [1,2,3,[4,5,6],7];// console.log(a,b,c,d,e);// 3.不完全解构// let [a,b,c,[d],e] =  [1,2,3,[4,5,6],7];// console.log(a,b,c,d,e);// 4.集合解构  拓展运算符 // let [a,...b] = [1,2,3,4,5];// console.log(a,b);// let [...a] = [1,2,3,4,5];// 5.默认值解构  当没有与变量匹配的值默认值就生效// let [a=4,b=5,c=6] = [1,2,3];// console.log(a,b,c);// 默认值也可以是函数// function foo(){//   console.log('我是foo函数');// }// let [a=foo()] = [1,2,3];// console.log(a);// let arr = [1,2,3,4,5];// let [...a] = arr;// console.log(a===arr);

  对象解构
/*** 对象解构 右侧对象中的属性要完成解构 左侧变量必须和属性同名*/
// let {foo:foo,bar:bar} =  {foo:'hello',bar:'world'};
// let {foo,bar} =  {foo:'hello',bar:'world'};
// let {foo,bar} =  {foo:'hello',bar:'world'};
// console.log(foo,bar);// 2.重命名解构  对变量名进行重命名
// let {foo:baz} = {foo:'hello',bar:'world'};
// console.log(baz)// 3.嵌套解构 ----使用ab变量接收hello world
// let obj={p:['hello',{y:"world"}]};
// let {p:[a,{y:b}]} = obj;
// console.log(a,b);// 4.默认值  给对象变量设置默认值 
// let {x:y=2} = {x:1};
// console.log(y);const [a, b, c, ...d] = [1, 2, 3, 11, 999];
const { e, f, f1, g, ...h } = { f: 4, g: 5, i: 6, j: 7 };
console.log(a, b, c, d, e, f1, g, h);//1 2 3 [11,999] undefined  undefined 5 {i:6 j:7}

  字符串解构
// 1.字符串解构 数组和对象对字符串完成解构let [a,b,c,d,e] = 'hello';
console.log(a,b,c,d,e);let [...arr] = 'hello';
console.log(arr);let {toString,valueOf,length} = 'hello';
console.log(toString,valueOf,length);

  数值解构
// 5.对数值解构
let  {toString,valueOf} = 10;
console.log(toString,valueOf);

  布尔值解构
// 6.对布尔值进行解构
let  {toString,valueOf} = true;
console.log(toString,valueOf);

二、箭头函数 

  ()=>{} 
  内部没有this属性 不再使用arguments保存实际参数 用rest参数

和普通函数区别?

  1.普通函数内部this指向全局对象,方法指向调用者
  2.箭头函数没有this,this访问声明箭头函数外部作用域中的this
  3.普通函数使用arguments保存实际参数,箭头函数使用rest参数保存实际参数
  4.普通函数有原型对象,箭头函数没有原型对象
  5.外观上 ()=>{}

// var foo = function(){}
// let foo = (形式参数)=>{
//   函数体
// }
// foo(实际参数)
// function test(){
//   console.log(this,arguments);
// }
// test(1,2,3);let foo = (...res)=>{// 箭头函数内部没有this属性 不再用arguments属性保存实际参数 用rest参数保存实际参数// console.log(this,arguments,'arguments')console.log(res);
}
foo(1,2,3)// 普通函数有原型对象  箭头函数没有原型对象
// function bar(){}
// console.log(bar.prototype.toString(),foo.prototype);

三、拓展运算符 ...

  用到左侧是聚合
  let [...arr] = [1,2,3,4,5]
  用到右侧是展开
  {
    name:"zhangsan",
    age:12,
    gender:"male"
  }
  let  obj1 = {...obj};

/*** 1.用到左侧是聚合 * 2.用到右侧是展开* 用于解构对象和数组 拓展运算符(可以实现深拷贝)  rest参数 */
var arr = [1,2,3,4,5];
let [...res] = arr;
console.log(res,res===arr);let obj = {name:'zhangsan',age:12,gender:'male'
}
// 用到右侧展开
let obj1 = {...obj};
console.log(obj1,obj1===obj);var params = {page:1,pageSize:10
}
var form = {title:"",type:"",status:""
}
let temp = {...params,...form
}
for(let key in temp){if(!temp[key]){delete temp[key]}
}
console.log(temp);

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/199539.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SELinux refpolicy详解(11)

接前一篇文章:SELinux refpolicy详解(10) 三、refpolicy内容详解 上一回讲解完了refpolicy源码根目录下的INSTALL文件。本回继续讲解源码根目录下的其它文件。第四个来讲解refpolicy源码根目录下的Rules.monolithic文件。 4. Rules.monolithic 文件路径:refpolicy源码根…

threejs WebGLRenderer 像素比对画布大小的影响

官方文档 - WebGLRenderer .setPixelRatio ( value : number ) : undefined 设置设备像素比。通常用于避免HiDPI设备上绘图模糊 .setSize ( width : Integer, height : Integer, updateStyle : Boolean ) : undefined 将输出canvas的大小调整为(width, height)并考虑设备像素比…

回溯算法与深度优先遍历-算法

回溯算法与深度优先遍历 以下是维基百科中「回溯算法」和「深度优先遍历」的定义。 回溯法 采用试错的思想,它尝试分步的去解决一个问题。在分步解决问题的过程中,当它通过尝试发现现有的分步答案不能得到有效的正确的解答的时候,它将取消上…

Linux-实现小型日志系统

目录 一.日志 二.实现任意个数元素求和 三.编写一个日志函数 1.设置日志等级 2.设置日志时间 3.设置日志的打印格式 4.将日志的内容输出到文件 一.日志 日志等级,日志时间,日志内容,文件的名称和行号 日志等级…

写论文焦虑?No,免费AI写作大师来帮你

先来看1分钟的视频,对于要写论文的你来说,绝对有所值! 还在为写论文焦虑?免费AI写作大师来帮你三步搞定 第一步:输入关键信息 第二步:生成大纲 稍等片刻后,专业大纲生成(由于举例&am…

Java的第二十一章:网络通信

网络程序设计基础 网络程序设计编写的是与其他计算机进行通信的程序。Java 已经将网络程序所需要的元素封装成不同的类,用户只要创建这些类的对象,使用相应的方法,即使不具备有关的网络支持,也可以编写出高质量的网络通信程序。 …

启动Dockerfile中的环境,开启旧项目编辑

Dockerfile 是用于构建 Docker 镜像的脚本文件,它包含了一系列指令,描述了如何组装镜像。在部署完成后,你可能需要一个简化的 Dockerfile 来仅包含必要的组件,并确保镜像的大小尽可能小。以下是一个简单的示例 Dockerfile # 使用…

二叉树的基本概念(详解)

树的定义 树是一种非线性数据结构,由n(n>1)个节点以及n-1条边组成,其中有且仅有一个节点作为根节点。树的定义具有以下特点: 每个节点具有零个或多个子节点。除了根节点外,每个节点有且仅有一个父节点…

【Pytorch使用自制数据集,Dataloader】

数据集结构 话不多说,直接上核心代码 myDataset.py from collections import Counter from torch.utils.data import Dataset import os from PIL import Imageclass MyDataset(Dataset):"""读取自制的数据集args:- image_dir: 图片的地址- labe…

Runway联合Getty打造AI视频模型RGM,引领广告新革命

近日,纽约市的视频AI创业公司Runway ML宣布,将与全球最大付费图库及编辑图片库之一的Getty Images进行合作,共同开发一种全新的生成性AI视频模型:Runway Getty Images Model(RGM)。这一消息在科技领域引起了…

假设二叉树采用二叉链表存储结构,设计一个算法,求非空二叉树b的宽度(即具有结点数最多的那一层的结点个数)。

题目描述:假设二叉树采用二叉链表存储结构,设计一个算法,求非空二叉树b的宽度(即具有结点数最多的那一层的结点个数)。 分析: 每次递归时,如果当前结点不为空,就将当前层数的宽度1,并更新最大宽…

【ETL】Kettle清洗任务异常提醒,Spoon作业异常通知

清洗作业如果挂在第三方任务平台或比较多的任务,执行失败无法跟踪,需要给任务添加异常提醒,这里用钉钉的群消息机器人。 钉钉机器人文档 自定义机器人接入 - 钉钉开放平台 作业示例 通过请求触发告警消息

谈一谈C++的类对象的存储方式

在C的类中,有成员变量和成员函数。当类经过实例化后,便有了类对象,C示例对象中的成员变量和成员函数是分开存储的。 成员变量 : 普通成员变量 : 在 对象 指针指向的内存中存储 , 存储方式与 C 语言中的 struct 结构体 存储变量的 内存结布局 …

Python图像处理利器解密:Pillow库使用指南

更多资料获取 📚 个人网站:ipengtao.com 引言 Pillow库是Python编程中用于图像处理的重要工具。作为Python Imaging Library(PIL)的一个分支,Pillow库提供了丰富的功能和易用的API,用于处理图像的各种操作…

基于SpringBoot的校园互助网站

简介 本系统分为三个角色,分别是普通用户和管理员、以及超级管理员,主要的功能模块有注册、登录、物品代购、快递代取、话题管理、任务管理、反馈管理、投诉管理、订单管理等功能模块。 项目 数据库 首页 登录 新增反馈 发布话题 发布任务 接单 我要投诉…

【1day】用友 U8 Cloud系统upload.jsp接口任意文件上传漏洞学习

注:该文章来自作者日常学习笔记,请勿利用文章内的相关技术从事非法测试,如因此产生的一切不良后果与作者无关。 目录 一、漏洞描述 二、影响版本 三、资产测绘 四、漏洞复现

Java绘图

JAVA绘图 原点在左上角 类似二维数组 单位是像素 像素是密度单位,不是长度单位,不是多少cm,没法比较 分辨率800*600,像素是480000个 定义: 定义一个Mypanel类,画纸 …

华为无线配置模板 一

华为无线配置模板 一 拓扑图1.配置SwitchA和AC,使AP与AC之间能够传输CAPWAP报文2.配置AC作为DHCP服务器,为STA和AP分配IP地址3.配置AP上线4.配置WLAN业务参数5.验证配置结果 拓扑图 采用如下的思路配置小型网络的WLAN基本业务:1.配置AP、AC、…

【1day】用友 U8 Cloud系统TaskTreeQuery接口SQL注入漏洞学习

注:该文章来自作者日常学习笔记,请勿利用文章内的相关技术从事非法测试,如因此产生的一切不良后果与作者无关。 目录 一、漏洞描述 二、影响版本 三、资产测绘 四、漏洞复现

接口自动化测试过程中怎么处理接口依赖?

面试的时候经常会被问到在接口自动化测试过程中怎么处理接口依赖? 首先我们要搞清楚什么是接口依赖。 01. 什么是接口依赖 接口依赖指的是,在接口测试的过程中一个接口的测试经常需要依赖另一个或多个接口成功请求后的返回数据。 那怎么处理呢&#x…