ES6
HsuVenChing
愿我十八岁所爱之人是六七十岁身旁所伴之人
展开
-
es6-模板字符串
<h3>模板字符串相当于加强版的字符串,用反引号 `,除了作为普通字符串,还可以用来定义多行字符串,还可 以在字符串中加入变量和表达式</h3> <P>多行字符串</P> <p>字符串插入变量和表达式。变量名写在 ${} 中 可以放入JavaScript表达式</p> <p>字符串中调用函数</p> <script> let strin.原创 2020-12-31 09:12:28 · 154 阅读 · 1 评论 -
es6-解构赋值
<h3>解构赋值是对赋值运算符的扩展。 他是一种针对数组或者对象进行模式匹配然后对其中的变量进行</h3> <p>数组解构</p> <p>对象解构</p> <p>传统方式与es6对比 (控制台查看)</p> <script> let a =1,b=2,c=3 console.log(a,b,c); // es6 let [x,y,z] = [1,2,3].原创 2020-12-31 09:11:04 · 81 阅读 · 0 评论 -
es6-对象扩展运算符
<h3>扩展运算符(...)用于取出参数对象所有可遍历属性然后拷贝到当前对象。</h3> <p>拷贝对象</p> <p>合并对象</p> <script> let person1 ={name:'amy',age:15} let someone = {...person1} console.log(someone); let age ={age:15} let name = {.原创 2020-12-31 09:10:04 · 180 阅读 · 1 评论 -
es6-方法简写
<h3> 方法的简写 比传统方式少些括号 </h3> <script> //传统 const person1 = { sayHi:function(){ console.log("hi"); } } person1.sayHi(); //es6 const person2 ={ sayHello(){ cons..原创 2020-12-31 09:07:14 · 477 阅读 · 0 评论 -
es6—变量声明
<h3>es6变量声明与传统声明方式区别</h3> <p>var 声明变量没有局部作用域</p> <p>let 声明的变量,存在局部作用域</p> <p>var 可以声明多次</p> <p>let 只能声明一次</p> <p>const声明常亮(只读变量)</p> <p>声明之后不允许改变</p> <p>声明必须初始化,.原创 2020-12-31 09:06:25 · 96 阅读 · 0 评论 -
es6—箭头函数
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h3>箭头函数提供了一种更.原创 2020-12-31 09:05:21 · 153 阅读 · 0 评论