关于es6

一.为什们要学ES6?

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

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

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

二.ES6新特性?

1.let 关键字

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

特点:

  1. 不允许重复声明;

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

  3. 不存在变量提升;

  4. 不影响作用域链;

const 关键字

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

特点:

声明必须赋初始值;

标识符一般为大写;

值不允许修改

块级作用域(局部变量)

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

三.解构赋值

什么是解构赋值?

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

应用场景?

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

模板字符串

概述?

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

特点?

字符串可以出现换行符;

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

应用场景?

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

简化对象与函数写法

概述?

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

函数名 function(){ }

相关推荐
anOnion4 分钟前
构建无障碍组件之Toolbar Pattern
前端·html·交互设计
惊鸿一博29 分钟前
图标加载方式_zeroIcon_是否加前缀mdi
开发语言·前端·javascript
森G40 分钟前
TypeScript 基础类型
开发语言·typescript
2501_9400417442 分钟前
前端工程化进阶:5个高交互与可视化项目提示词
前端
你很易烊千玺43 分钟前
JS 异步 从零讲(大白话 + 真实场景 + 可运行案例)
前端·javascript·vue.js
huipeng9261 小时前
企业级微服务开发实战(一):项目启动与工程化设计
java·开发语言·spring boot·spring cloud·微服务·云原生·架构
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ2 小时前
java实现excel导入、下载模板方法
java·开发语言·excel
眠りたいです2 小时前
现代C++:C++14中的新语言特性和库特性
c语言·开发语言·c++
华洛2 小时前
讲讲如何在传统产品中挖掘AI需求
javascript·产品经理·产品
why技术3 小时前
AI Coding开始进入第四个时代,我还没上车呢!
前端·人工智能·后端