初学es6

简介: 初学es6

本周的主要学习内容为es6的基本知识,再次学习到了更多的知识,受益匪浅,以下为部分知识点

let与const

let:

1.变量不可以重复使用
2.块级作用域:只在声明所在的块级作用域内有效
3.不存在变量提升(“变量提升”现象,即变量可以在声明之前使用,值为`undefined,但let不存在变量提升)

const:

1.一定要赋初始值
2.一般常量是用大写(潜规则)
3.常量的值不能修改
4.块级作用域
5.对于数组和对象的元素修改,不算作对常量的修改,不会报错

解构赋值

  • 数组的解构赋值
//对数组内元素直接赋值
let [a,b,c] = [1,2,3]
let [foo,[[bar],baz]] = [1,[[2],3]]
//解构赋值允许指定默认值
let [foo = true] = [];
console.log(foo);//结果为true
let [x,y='b'] = ['a']  // x='a',y='b'
  • 对象的解构赋值
let {f00,bar} = {foo:‘aaa’,bar:‘bbb’};
//foo=‘aaa’,bar=‘bbb’
let {foo} = {bar:‘baz’};
//foo = undefined 解构失败,变量的值等于undefined

对象的结构也可以取默认值,默认值生成的条件是:对象的属性值严格等于undefined

8ccdc4e813f54a56a85dddd9c59448da.png

结构也可以用于嵌套结构的对象

e5d7bcd62dac465ca0890da175caf0ec.png

  • 字符串的解构赋值

字符串被转换成了一个类似数组的对象

0aeed754036448179e626b077d9fbadf.png

类似数组的对象都有一个length属性,因此还可以对这个属性解构赋值

1215634c3c4f463d9ada481466c2e96d.png

  • 数值和布尔值的解构赋值

解构赋值时,如果等号右边不是对象或数组时,则会先转换为对象。null和undefined 无法转换为对象,所以无法进行解构

  • 函数参数的解构赋值
function add([x,y]){
  return x + y;
}
add([1,2]);  // 3

函数的参数也可使用默认值

function move({x = 0, y = 0}){
  return [x, y];
}
move({x: 3, y: 8}); //[3, 8]
move({x: 3}); //[3, 0]
move({}); //[0, 0]
move(); // [0, 0]

注意,下面写法会得到不一样的解构

function move({x, y} = {x = 0, y = 0}){
  return [x, y];
}
move({x: 3, y: 8}); //[3, 8]
move({x: 3}); //[3, undefined]
move({}); //[undefined, undefined]
move(); // [0, 0]

箭头函数

1.箭头函数中的this是静态的,

2.不能作为构造实例化对象

3.不能使用argument 变量

let fn = (a, b) => {
  return a + b;
}

4.箭头函数的简写

(1)当形参只有一个的时候,省略小括号

d81eda64d99b470db2c1aafe1c7e4a89.png

(2)当花括号省略后,代码只有一条,此时return 必须省略而且语句的执行结果就是函数的返回值

037956faee2248b3945415737e1f16b7.png

【…】扩展运算符

1.将数组转化为逗号分隔的参数系列

e49501c7983b4bd5a66c5c71be07427b.png

2.合并数组

92c9d1b75e854510ab59cb89f315297e.png

3.克隆数组

3c6b1a07036541d096da2ba9de5908ca.png

4.将伪数组变成真数组

f87e437dcbea4facbfdab4292b558985.png

es6的基本内容也学的差不多了,在接下来写页面的过程中,希望能够顺利运用所学知识,顺利完成界面。


目录
相关文章
pygame之五子棋的实现
pygame之五子棋的实现
|
前端开发 Java
前端基础 - 常用调试方式
前端基础 - 常用调试方式
325 0
|
人工智能 API
【保姆级教程]】5分钟用阿里云百炼满血版DeepSeek, 手把手做一个智能体
阿里云推出手把手学AI直播活动,带你体验DeepSeek玩法。通过阿里云百炼控制台,用户可免费开通满血版R1模型,享受100w token免费额度。活动还包括实验步骤、应用开发教程及作业打卡赢好礼环节,提交优秀作品更有机会获得定制礼品。快来参与吧!
3976 0
|
10月前
|
数据采集 人工智能 监控
2025年中国能源管理平台十大厂家综合实力解析与选型指南
在“双碳”背景下,能源管理成企业战略核心。本文基于技术、方案、案例与生态四大维度,权威评选出2025年十大能源管理平台厂商,涵盖树根科技、华为云、阿里云等领军者,深度剖析其优势与适用场景,助力企业实现能效提升、降本增效与可持续发展,为绿色转型提供有力支撑。
1708 0
|
机器学习/深度学习 人工智能 城市大脑
阿里云 ET
阿里云 ET自制脑图, 由阿里云科学家团队研发的超级人工智能ET,是杭州城市大脑背后的人工智能中枢,也是阿里巴巴集团董事局主席马云眼中的下一代 CEO。阿里云 ET 拥有全球领先的人工智能技术。
1377 0
阿里云 ET
|
SQL 数据库连接 API
SqlAlchemy 2.0 中文文档(二十八)(5)
SqlAlchemy 2.0 中文文档(二十八)
920 0
|
机器学习/深度学习 资源调度 搜索推荐
协同过滤算法深入解析:构建智能推荐系统的核心技术
一、前言 随着互联网的高速发展,我们每天面临着海量信息的冲击,从而使得我们无法有效地筛选出感兴趣的信息。在这种背景下,推荐系统应运而生,成为帮助用户过滤信息,找到自己感兴趣内容的有效工具。协同过滤算法作为推荐系统中的一种核心技术,广泛应用于电商、社交媒体、音乐、电影等多个领域,极大地改善了用户体验。本文将对协同过滤算法进行深入解析,让我们一起探讨这一神奇的技术。
2647 0
|
运维 BI 调度
新增离线集成任务列表,支持快速筛选任务并进行批量操作 【V3.13】
离线集成任务列表提供了一个展示集成任务详细信息的页面,便于查看集成任务的各类信息。同时还支持根据任务的各类属性进行筛选。还支持根据来源与目标数据源或数据表进行任务的查找与筛选。便于在一些业务变更的时候,能快速筛选到所有任务,进行查看或批量修改的操作,提高开发与运维的效率。
384 0
|
大数据
【内含分享PPT/视频/文章】阿里云MVP学院MaxCompute技术闭门会线上首播 | 2019大数据技术公开课第二季
数据的价值是解释业务还是预测业务?是支撑业务还是驱动业务?企业级计算服务的核心问题是什么?企业级计算平台要解决的核心问题是什么?商业和技术的平衡点在哪里? 一起直播学习,让数据真正驱动业务。
14022 2
【内含分享PPT/视频/文章】阿里云MVP学院MaxCompute技术闭门会线上首播 | 2019大数据技术公开课第二季
|
新零售 人工智能 持续交付
迪卡侬中国与阿里云达成合作
近日,迪卡侬(DECATHLON)宣布,与阿里巴巴集团旗下云计算和人工智能公司阿里云(Alibaba Cloud)签署大中华区合作协议,依托双方产业生态系统强强联手,以领先的云和数据解决方案,加码体育新零售构建,加速迪卡侬在华数字化转型和新零售创新发展。
793 0
迪卡侬中国与阿里云达成合作

热门文章

最新文章