关于es6

一.为什们要学ES6?

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

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

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

二.ES6新特性?

1.let 关键字

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

特点:

  1. 不允许重复声明;

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

  3. 不存在变量提升;

  4. 不影响作用域链;

const 关键字

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

特点:

声明必须赋初始值;

标识符一般为大写;

值不允许修改

块级作用域(局部变量)

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

三.解构赋值

什么是解构赋值?

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

应用场景?

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

模板字符串

概述?

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

特点?

字符串可以出现换行符;

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

应用场景?

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

简化对象与函数写法

概述?

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

函数名 function(){ }

相关推荐
Patrick_Wilson6 小时前
最佳实践是有保质期的:从一次 CDN external 白屏事故说起
前端·性能优化·前端工程化
言乐66 小时前
Python实现建造微服务商城后台
开发语言·python·算法·微服务·架构
YHHLAI6 小时前
[特殊字符] Agent 智能体开发实战 · 第一课:Tool Use —— 让大模型自动干活
前端·人工智能
nuIl7 小时前
我把 5 个编码 Agent 塞进了一个 npm 包
前端·agent·claude
L-影7 小时前
FastAPI 静态文件:Web 页面的“固定展柜”与“加速引擎”
前端·fastapi
陪我去看海7 小时前
受够了 AI 写完代码留下一堆端口?我做了一个端口管理App!
前端·macos·vibecoding
Xuepoo7 小时前
我抛弃了 DOM,但保留了无障碍访问
前端
李明卫杭州7 小时前
Vue2 vs Vue3 的 h 函数:渲染函数完整迁移指南
前端
cui_ruicheng7 小时前
Python从入门到实战(六):非序列容器
开发语言·python
月光刺眼7 小时前
用LangChain 打造第一个 Agent:LLM 大脑与 Tool 手脚的完整闭环
javascript·人工智能·全栈