关于es6

一.为什们要学ES6?

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

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

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

二.ES6新特性?

1.let 关键字

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

特点:

  1. 不允许重复声明;

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

  3. 不存在变量提升;

  4. 不影响作用域链;

  5. const 关键字

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

特点:

  1. 声明必须赋初始值;
  2. 标识符一般为大写;
  3. 值不允许修改
  4. 块级作用域(局部变量)

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

三.解构赋值

什么是解构赋值?

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

应用场景?

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

  • 模板字符串

概述?

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

特点?

字符串可以出现换行符;

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

应用场景?

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

  • 简化对象与函数写法

概述?

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

函数名 function(){ }

相关推荐
zhanshuo几秒前
不依赖框架,如何用 JS 实现一个完整的前端路由系统
前端·javascript·html
火柴盒zhang2 分钟前
websheet在线电子表格(spreadsheet)在集团型企业财务报表中的应用
前端·html·报表·合并·spreadsheet·websheet·集团财务
khalil4 分钟前
基于 Vue3实现一款简历生成工具
前端·vue.js
拾光拾趣录10 分钟前
浏览器对队头阻塞问题的深度优化策略
前端·浏览器
用户81221993672211 分钟前
[已完结]后端开发必备高阶技能--自研企业级网关组件(Netty+Nacos+Disruptor)
前端
万少15 分钟前
2025中了 聊一聊程序员为什么都要做自己的产品
前端·harmonyos
abigale032 小时前
webpack+vite前端构建工具 -11实战中的配置技巧
前端·webpack·node.js
专注API从业者3 小时前
构建淘宝评论监控系统:API 接口开发与实时数据采集教程
大数据·前端·数据库·oracle
Joker`s smile3 小时前
Chrome安装老版本、不同版本,自制便携版本用于前端调试
前端·chrome
weixin_416639973 小时前
爬虫工程师Chrome开发者工具简单介绍
前端·chrome·爬虫