ES6入门
ES6
介绍
ES6是一套标准,ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现(另外的 ECMAScript 方言还有 Jscript 和 ActionScript)
基本语法
-
let声明变量
<script> //es6如何定义变量,定义变量特点 // var 声明的变量没有局部作用域 // let 声明的变量 有局部作用域 //1 创建代码块,定义变量 { var a = 10; let b = 20; } //2 在代码块外输出 console.log(a) console.log(b) </script>
<script> // var 可以声明多次 // let 只能声明一次 var m = 1 var m = 2 let n = 1 let n = 2//Identifier 'n' has already been declared </script>
-
const声明常量(只读变量)
1、声明之后不允许改变 const PI = "3.1415926" PI = 3 // TypeError: Assignment to constant variable.
2、一但声明必须初始化,否则会报错 const MY_AGE // SyntaxError: Missing initializer in const declaration
-
解构赋值
<script> //传统写法 let a = 1,b = 2,c = 3 console.log(a,b,c) //es6 let [x,y,z] = [2,3,4] console.log(x,y,z) </script>
<script> //对象解构 let user = {"name":"123","age":"18"} //原始 let name1 = user.name let age1 = user.age //es6 let {name,age} = user </script>
-
模板字符串
模板字符串相当于加强版的字符串,用反引号 `,除了作为普通字符串,还可以用来定义多行字符串,还可以在字符串中加入变量和表达式。
-
声明对象简写
-
定义方法简写
-
对象拓展运算符
拓展运算符(...)用于取出参数对象所有可遍历属性然后拷贝到当前对象。
-
箭头函数
箭头函数提供了一种更加简洁的函数书写方式。基本语法是:
参数 => 函数体
箭头函数多用于匿名函数的定义
本文来自博客园,作者:NeverLateThanBetter,转载请注明原文链接:https://www.cnblogs.com/do-it-520/p/16538640.html
韶华易逝,不能虚度年华。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?