关于es6

一.为什们要学ES6?

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

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

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

二.ES6新特性?

1.let 关键字

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

特点:

  1. 不允许重复声明;

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

  3. 不存在变量提升;

  4. 不影响作用域链;

const 关键字

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

特点:

声明必须赋初始值;

标识符一般为大写;

值不允许修改

块级作用域(局部变量)

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

三.解构赋值

什么是解构赋值?

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

应用场景?

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

模板字符串

概述?

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

特点?

字符串可以出现换行符;

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

应用场景?

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

简化对象与函数写法

概述?

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

函数名 function(){ }

相关推荐
胡萝卜术几秒前
抽象的三级跳:从原生 DOM 到 React 组件树,我们到底在解决什么问题?
前端·javascript·面试
黄敬峰4 分钟前
从零理解React:事件、组件与响应式——一个WebGPU Demo的前端笔记
前端·面试
jun_bai5 分钟前
Orthanc for Windows版PACS服务器安装教程
javascript·扩展屏应用开发
GuWen_yue11 分钟前
Cursor黑盒拆解!1套LangChain.js手写Mini编程Agent,自动生成React项目,效率提升60%
javascript·react.js·langchain
qq_4017004114 分钟前
Qt容器性能优化:QVector、QHash、QMap到底应该怎么选?
开发语言·qt·性能优化
用户2986985301416 分钟前
React 项目中灵活管理 Excel 工作表:增删与移动
javascript·react.js·excel
weedsfly18 分钟前
从类继承到自定义 Hook:模板方法模式的前端演进
前端·javascript·面试
星栈独行18 分钟前
Node 接口该写同步还是异步?
服务器·开发语言·后端·程序人生·node.js
Quz19 分钟前
QML 线性布局:Row/RowLayout 与 Column/ColumnLayout
前端·qt
你为她披上外套时我正站在窗外23 分钟前
用 Rust + WebAssembly 写了个字幕工具,文件全程不离开浏览器
前端