ES6 let\const\变量解构赋值\箭头函数等练习

最新推荐文章于 2024-02-21 20:41:50 发布
最新推荐文章于 2024-02-21 20:41:50 发布
阅读量200 收藏
点赞数
分类专栏： JS 文章标签： es6 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LIUYJ520/article/details/126405313
版权

1.let 关键字

let关键字声明的变量的作用域是局部的，可以解决循环事件只能用this的问题。
在这里插入图片描述

2.变量解结构赋值

变量解结构可以把数组和对象中的元素分别取出来，可以解决在使用时重复.的问题。
变量解结构对应的是元素的指针。
在这里插入图片描述

3.箭头函数

1.箭头函数中的this是静态的
2.箭头函数不能作为构造实例化对象
3.箭头函数不能使用arguments变量
4箭头函数可以简写
（1）当只有一个形参的时候可以省略小括号
（2）当方法体只有一条语句可以省略花括号，但此时也得省略return
在这里插入图片描述在这里插入图片描述

Ejing6747
关注
专栏目录
ES6学习（箭头函数详解）
Lawless
10-19 655
箭头函数（Arrow Function） 箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。这些函数表达式更适用于那些本来需要匿名函数的地方，并且它们不能用作构造函数。 语法 基础语法 (参数1, 参数2, …, 参数N) => { 函数声明 } //相当于：(参数1, 参数2, …, 参数N) =>{...
ES6语法（解构赋值、箭头函数）
qq_65715980的博客
07-13 339
数组的解构赋值（字符串与其同理）本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被予对应的值，二维数组:依然一一对应 (3)省略变量:用逗号隔开中间省略变量 (4)合并数组的值:合并运算符可以展开数组也可合并数组 (5) 默认值:如果是undefined 默认值生效 注：对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值，否则解构失败...
es6 语法练习 2 -- 解构赋值
To-nemy
05-25 209
2 解构赋值 2.1 数组的解构赋值 Ex1，按照数组对应位置赋值 Ex2， 特殊使用 Ex3, 不完全解构，以及解构不成功时变量的值是什么？ Ex4，默认值的使用 2.2 对象的解构赋值 Ex1，顺序不影响其赋值 Ex2，与数组相同 ，可以嵌套模式，可以忽略 Ex3，不完全解构与剩余解构 Ex4，默认值的使用 ...
es6常用语法：变量的解构赋值
gufudhn的博客
09-15 815
/*变量的解构赋值*/ // var a = 1; // var b = 2; // var c = 3; // var a = 1, b = 2, c = 3; // 数组的结构赋值 // let [a,b,c] = [1,2,3]; 1 2 3 // let [a,b,c] = [,123,]; undefined 123 undefined // let [a=111,...
es6 语法练习-- 关键字 let、const
To-nemy
05-24 387
文章目录E S 6（javascript 新的标准语法） 学习1、配置环境2、语法练习2.1 关键字 let、const E S 6（javascript 新的标准语法） 学习 1、配置环境 新建项目 untitled2，新建文件dist、src 初始化项目，在终端输入。 npm -init -y 如图所示，会生成一个package.json 文件 安装 babel，将其es6转为es5，转化版本的目的是为了兼容更多浏览器。 npm i --save-dev babel-cli babel-pr
es6解构练习题含答案
lin1072368472的博客
08-23 1173
数组解构 第一题 function getNum (){ return 6; } let [a = getNum()] = [,]; //a=? 第二题 var [x = 1,y=x] = [undefined,2]; //x =? y = ? console.log(x,y); var [x = 1,y=x] = [null,2]; //x =? y = ? console.log(x,y); 第三题 let [a,[b = 2,[c,d]],e] = [1,[undefined,[
ES6中let、const的区别及变量的解构赋值操作方法实例分析
01-21
本文实例讲述了ES6中let、const的区别及变量的解构赋值操作方法。分享给大家供大家参考，具体如下： 声明：本文内容依照阮一峰老师ECMAScript 6 入门一书所总结。 let和const 相同点 都存在块级作用域 都不存在...
es6语法--解构赋值
weixin_42464106的博客
07-01 1429
es6--解构赋值
ES6学习之变量的解构赋值
08-31
【变量的解构赋值】是ES6引入的一种新的语法特性，它极大地简化了变量的声明和赋值，尤其在处理数组和对象时。解构赋值允许我们从数组或对象中提取值，并将这些值分配给一组变量，使得代码更简洁、易读。 **数组的...
Es6新语法-箭头函数
屢敗屢戰
12-15 865
前言： es6新增加了箭头函数的用法，是js重要改动之一，java也有类似语法叫lambda表达式，用意是简化代码,代码美化,代码美化的确是让臃肿的代码变得看着简化了，但是阅读性有点不是很好。 摘自官网话语: 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，省略掉了{ … }和return。还有一种可以包含多条语句，这时候就不能省略{ … }和return 练习: //普通无参函数 function fn1(){ var x = 10
ES6指北【6】——详谈解构赋值【附赠练习题】
weixin_34177064的博客
08-28 552
ES6指北【6】——详谈解构赋值【附赠练习题】 一、何谓解构赋值？ 1. 基本概念 首先我们看一下MDN给的定义 解构赋值语法是一个 Javascript 表达式，这使得可以将值从数组或属性从对象提取到不同的变量中 从定义中，我们可以发现：解构赋值的作用是对变量进行赋值主要通过两个方面实现这个作用 数组【将数组中的值赋给变量】 let [...
JS进阶——解构赋值
最新发布
2301_78796401的博客
02-21 468
1. 赋值运算符 = 左侧的 {} 用于批量声明变量，右侧对象的属性值将被赋值给左侧的变量。4.对象中找不到与变量名一致的属性时变量值为 undefined。3. 注意解构的变量名不要和外面的变量名冲突否则报错。2. 对象属性的值将被赋值给与属性名。
ES6学习（解构）
Lawless
10-21 278
解构 ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 相比较于之前的直接给变量赋值，ES6可以写成这样： var [a, b, c] = [1, 2, 3] 相当于之前的： var a = 1; var b = 2; var c = 3; 如果解构不成功，变量的值就等于undefined（比如下面例子中的 foo）。 ...
【解构赋值】——数组的解构赋值方法技巧-ES6
qq_50497708的博客
11-29 613
这里一个细节，如果你要进行解构赋值的那个变量名已经存在了，我们是可以进行变量值的改写，解构赋值不一定用于新创建的变量 ，还可以用于修改变量，并且要注意这里就不需要var，let或者const来声明变量了。不过实际上这样访问其中墨迹个数组还是比较麻烦的，我们可以把中括号改为花括号（大括号），以属性的形式来指定元素的序号，这样我们就能更轻松的定义变量了。除了逐个指定来进行赋值以外，如果剩余的数组元素都需要保存起来，就可以用三个点来表示剩余的不顶元素都汇集在一个数组里面。，又在后面逐个赋值。
18+19.ES6中数组和对象的解构赋值+时间字符串格式化案例练习2
weixin_60968779的博客
05-02 178
/* ES6中的"结构赋值": 主要针对于对象和数字,左侧定义和右侧值类似的结构,这样声明几个变量,快速获取到每一部分的信息 */ 数组结构赋值: let arr = [10, 20, 30, 40] // let [x, ...y] = arr // console.log(x, y); // 10 [20,30,40] "..."剩余运算符:把除了x以外,剩下数组中的每一项都拿到,存放到y中(y是一个新数组) // let [, , x, y] = arr // console....
es6 解构 学习 总结
twinkle的博客
06-15 247
=====================对象结构============================ 什么是解构： 使用es6的一种语法规则，将一个对象或数组的某个属性提取到某个变量中，解构不会影响原始对象 例如： const user = { name: 'twinkle', age: '12', address: { province: '江西', ..
web前端练习14----es6新语法1,let,const,解构赋值,模板字符串,字符串，判断类型
翟浩浩Android专栏
10-04 494
ECMAScript 是（欧洲计算机制造商协会）它规定了js的语法标准。 主要包括： 语言语法 – 语法解析规则、关键字、语句、声明、运算符等。 类型 – 布尔型、数字、字符串、对象等。 原型和继承 内建对象和函数的标准库 – JSON、Math、数组方法、对象自省方法等。 https://www.kancloud.cn/kancloud/es6-in-depth/...
03JavaScript程序设计修炼之道_2019-05-30_20-08-14_2019-06-02_15-01-11 es6箭头函数的使用、数组、练习、数组的方法...
weixin_30820151的博客
07-03 116
21arrowFun-es6.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1....
ES6常用的解构赋值操作
前端精髓
11-17 520
解构嵌套的对象，注意，这时p是模式，不是变量，因此不会被赋值。如果p也要作为变量赋值，可以写成下面这样。 let obj = { p: [ 'Hello', { y: 'World' } ] }; let { p, p: [x, { y }] } = obj; x // &quot;Hello&quot; y // &quot;World&quot; p // [&quot;Hello&quot;, {y: &quot;W
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值