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

最新推荐文章于 2022-11-29 18:05:18 发布
最新推荐文章于 2022-11-29 18:05:18 发布
阅读量169 收藏
点赞数
分类专栏： 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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2020ES6练习题-1
shayna_的博客
07-04 645
1.简述var 和let 区别是什么？ 答： (1)使用var命令声明会发生变量提升，使用let不会发生变量提升； (2)使用let命令来声明变量，用法类似于var变量，但只在let命令所在的代码块内有效; 作用域不同，var是全局作用域，let是块级作用域； (3)var属于ES5规范，let属于ES6规范 2.下面程序执行结果是？ var a= 123; if (true) { a= ‘abc’; // ReferenceError let a; } 初始化之前无法访问a,主要是因为let无法发生变量提
ES6新增 let const 及箭头函数==解构赋值
jia632133535的博客
01-04 584
新增 let const 1、暂时性死区、2、不能够重复声明 let 和 const 的区别 const 声明的是一个常量 ， 当声明引用数据类型时，是说他的堆存储 的地址不能改 代表唯一的 简单的数据 类型 var a = Symbol（0） typeof 可以判断symbol 数据类型 为symbol 应用场景 ：给对象添加私有属性的 let a; ({a} = {a:1}) console.log(a); //解构赋值: es6 允许按照一定的结构对变量进...
es6 语法练习 2 -- 解构赋值
To-nemy
05-25 160
2 解构赋值 2.1 数组的解构赋值 Ex1，按照数组对应位置赋值 Ex2， 特殊使用 Ex3, 不完全解构，以及解构不成功时变量的值是什么？ Ex4，默认值的使用 2.2 对象的解构赋值 Ex1，顺序不影响其赋值 Ex2，与数组相同 ，可以嵌套模式，可以忽略 Ex3，不完全解构与剩余解构 Ex4，默认值的使用 ...
ES6-解构赋值使用及示例
dreamy_wx的博客
01-07 246
解构赋值 概述 解构赋值是对赋值运算符的扩展。 他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。 在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。 解构模型 在解构中，有下面两部分参与： 解构的目标，解构赋值表达式的左边部分。 解构的源，解构赋值表达式的右边部分。 对象模型的解构（Object） 情况一：直接获取对象person中的数据 const person = { name: "小明", age: 18, city: "北京"
【解构赋值】——数组的解构赋值方法技巧-ES6
qq_50497708的博客
11-29 519
这里一个细节，如果你要进行解构赋值的那个变量名已经存在了，我们是可以进行变量值的改写，解构赋值不一定用于新创建的变量 ，还可以用于修改变量，并且要注意这里就不需要var，let或者const来声明变量了。不过实际上这样访问其中墨迹个数组还是比较麻烦的，我们可以把中括号改为花括号（大括号），以属性的形式来指定元素的序号，这样我们就能更轻松的定义变量了。除了逐个指定来进行赋值以外，如果剩余的数组元素都需要保存起来，就可以用三个点来表示剩余的不顶元素都汇集在一个数组里面。，又在后面逐个赋值。
ECMAScript重点复习（一）
毕业才是起点
09-29 430
let x = 1;解构赋值可以方便地将一组参数与变量名对应起来// 参数是一组有次序的值 function f([ x , y , z ]) {// 参数是一组无次序的值 function f({... } f({
ES6中let、const的区别及变量的解构赋值操作方法实例分析
10-16
主要介绍了ES6中let、const的区别及变量的解构赋值操作方法,结合实例形式分析了ES6中let、const的功能、原理、使用方法及数组、字符串、函数参数等解构赋值相关操作技巧,需要的朋友可以参考下
ES6学习之变量的解构赋值
08-31
【变量的解构赋值】是ES6引入的一种新的语法特性，它极大地简化了变量的声明和赋值，尤其在处理数组和对象时。解构赋值允许我们从数组或对象中提取值，并将这些值分配给一组变量，使得代码更简洁、易读。 **数组的...
ES6 let和const定义变量与常量的应用实例分析
10-16
主要介绍了ES6 let和const定义变量与常量的应用,结合实例形式分析了ES6使用let定义变量以及使用const定义常量的相关操作技巧,需要的朋友可以参考下
基于ES6作用域和解构赋值详解
08-28
- 获取多个函数返回值：如果你的函数返回一个数组，解构赋值可以直接将结果分配给多个变量，无需使用额外的数组操作。 - 处理JSON数据：对象解构赋值可以方便地从复杂的JSON对象中提取你需要的属性，例如从元数据...
ES6实践练习代码
08-12
ES6实践练习代码
ECM6练习题
weixin_44389868
03-15 7198
下面不属于ECMAScript规范的范围的是：（ ） A、数据类型 B、语法 C、DOM事件 D、内置对象和函数的标准库 答案：C 解析：DOM事件不属于ECMAScript的部分；ECMAScript定义的内容：语法、类型、原型和继承、内置对象和函数的标准库。 下面不属于关键字let的特点的是：（ ） A、只在 let 命令所在的代码块内有效 B、会产生变量提升现象 C、同一...
18+19.ES6中数组和对象的解构赋值+时间字符串格式化案例练习2
weixin_60968779的博客
05-02 152
/* 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指北【6】——详谈解构赋值【附赠练习题】
weixin_34177064的博客
08-28 527
ES6指北【6】——详谈解构赋值【附赠练习题】 一、何谓解构赋值？ 1. 基本概念 首先我们看一下MDN给的定义 解构赋值语法是一个 Javascript 表达式，这使得可以将值从数组或属性从对象提取到不同的变量中 从定义中，我们可以发现：解构赋值的作用是对变量进行赋值主要通过两个方面实现这个作用 数组【将数组中的值赋给变量】 let [...
js解构赋值面试题
zhongguogangkou的博客
04-14 1262
今天一哥们问了两道面试题： 1、let {toString:x} = 666，x？原因？ 现在把我的理解跟大家分享一下： 答案：x === Number.prototype.toString 原因：这是es6新增加的解构赋值，如果等号右边是数值或布尔值，会先转换为对象。说到这，各位看官会说嘚嘚了半天是一上午，等于啥也没说，哈哈，我们来继续看。 Js有一个概念叫“封装对象”，创建一个构造函数，给这个...
web前端练习14----es6新语法1,let,const,解构赋值,模板字符串,字符串，判断类型
翟浩浩Android专栏
10-04 473
ECMAScript 是（欧洲计算机制造商协会）它规定了js的语法标准。 主要包括： 语言语法 – 语法解析规则、关键字、语句、声明、运算符等。 类型 – 布尔型、数字、字符串、对象等。 原型和继承 内建对象和函数的标准库 – JSON、Math、数组方法、对象自省方法等。 https://www.kancloud.cn/kancloud/es6-in-depth/...
ES6常用的解构赋值操作
前端精髓
11-17 513
解构嵌套的对象，注意，这时p是模式，不是变量，因此不会被赋值。如果p也要作为变量赋值，可以写成下面这样。 let obj = { p: [ 'Hello', { y: 'World' } ] }; let { p, p: [x, { y }] } = obj; x // "Hello" y // "World" p // ["Hello", {y: "W
解构赋值
喜欢和羊一起玩耍的天蝎的博客
01-09 1441
基本概念：本质上是一种匹配模式，只要等号两边模式相同，那么左边变量可以被赋予对应的值。 解构赋值主要分为：数组的解构赋值 、对象的解构赋值 、基本类型的解构赋值。 let [a,b,c] = [1,2,3]; console.log(a); //1 console.log(b); //2 console.log(c); //3 数组的解构赋值 let [a,[[b],c]] = [1,[[2...
ES6系列40道基础题（含答案）
热门推荐
祥哥的说
06-13 3万+
强烈推荐30个原生JavaScript的demo，包括canvas时钟特效、自定义视频播放器、搜索栏快速匹配、fetch访问资源、console调试技巧等，先fork后学习，详见点击打开链接，欢迎点赞~~~谢谢，共同进步学习！ ES6系列40道基础题（含答案） ps：每道题解析的蓝色链接，需要按住ctrl+点击，即可访问。 1.下面不属于ECMAScript规范的范围的是：（ ） A...
前端57道面试题及答案.docx
最新发布
07-07
"这是一份关于前端面试题的文档，包含57道题目及相应的答案，主要涵盖了JavaScript的基础知识，如变量声明的区别、解构赋值的使用以及函数参数的定义方法等。" 在这份文档中，前端面试题的重点集中在JavaScript的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值