关于es6

一.为什们要学ES6?

⚫ ES6 的版本变动内容最多,具有里程碑意义;

⚫ ES6 加入许多新的语法特性,编程实现更简单、高效;

⚫ ES6 是前端发展趋势,就业必备技能;

二.ES6新特性?

1.let 关键字

特性:let 关键字用来声明变量

特点:

  1. 不允许重复声明;

  2. 块儿级作用域(局部变量);

  3. 不存在变量提升;

  4. 不影响作用域链;

const 关键字

特性:const关键字用来声明常量

特点:

声明必须赋初始值;

标识符一般为大写;

值不允许修改

块级作用域(局部变量)

总结:用const声明对象,let代替var使用

三.解构赋值

什么是解构赋值?

ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构赋值;

应用场景?

频繁使用对象方法,数组元素时使用

模板字符串

概述?

模板字符串(template string)是增强版的字符串,用反引号(`)标识

特点?

字符串可以出现换行符;

可以使用${}形式引用变量;

应用场景?

当遇到字符串与变量拼接的情况使用模板字符串

简化对象与函数写法

概述?

ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁

函数名 function(){ }

相关推荐
Logintern096 分钟前
装饰器和洋葱模式的区分
开发语言·python·架构
qq_4523962313 分钟前
第二篇:《前端架构的“道”与“术”:架构设计原则与决策框架》
前端·架构
冻柠檬飞冰走茶21 分钟前
《数据结构实验指导-C++语言版》 在顺序表 list 中查找元素 x
开发语言·数据结构·c++·算法·list
Brilliantwxx22 分钟前
【C++】 高阶数据结构图(1)并查集
开发语言·数据结构·c++
lancyu22 分钟前
# Agent Loop:AI Agent 的唯一直心骨
开发语言·javascript·人工智能
用户9210802628640 分钟前
AI 消息列表虚拟滚动:这是业务问题,还是组件能力边界?
前端
frjc1 小时前
阿里云 ACK 环境 Arthas 在线调试指南
开发语言·python
前端snow1 小时前
ai agent---mcp知识汇总
前端
计算机魔术师1 小时前
AI 写了一半代码,谁来背锅?Anthropic 的安全重构笔记
前端
半个落月1 小时前
JavaScript 单例模式详解:从唯一实例到按钮事件
javascript