ES6
菜鸟李先生
这个作者很懒,什么都没留下…
展开
-
ES6-Promise, Async, Await的简单用法
首先我们看一个传统的程序的执行顺序function one() { return "i am one"; } function two() { return "i am two"; } function three() { return "i am three"; } function run() { console.log(one()); console.log(two()); c原创 2021-08-20 21:39:23 · 262 阅读 · 0 评论 -
ES6-迭代器和生成器
迭代器 iterator迭代从一个数据集合中按照一定的顺序,不断的取出数据的过程迭代与遍历的区别迭代强调的是依次取出,不能确定取出的有多少,也不能保证把数据全部取完迭代器对迭代过程的封装,通常为对象,不同的语言中,表现出来的迭代形式不一样特点迭代器有得到下一个数据的能力判断是否有后续数据的能力数组存储的数据是有限的,迭代器只关心下一个迭代模式一种设计模式,用于统一迭代的过程,并且规范迭代器的规格js中的迭代器js规定原创 2021-08-13 11:06:47 · 93 阅读 · 0 评论 -
ES6-基本对象的定义
对象(object)是 JavaScript 最重要的数据结构。ES6 对它进行了重大升级<script> let title = "ES6从入门到学会"; let price = 25; let publish = "小马出版社"; let book = { title, //等同于title: title price: price, publish, toS.原创 2021-08-12 19:43:36 · 491 阅读 · 0 评论 -
ES6-类class
ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。静态方法:不会被实例继承,而是直接通过类来调用<script> class peopler { constructor(name, age) { this.name = name; this.age = age; } show() { console.lo原创 2021-08-12 19:42:03 · 121 阅读 · 0 评论 -
ES6-箭头函数
箭头函数提供了一种更加简洁的函数书写方式参数 => 函数体基本用法var f = v => v;//等价于var f = function(a){ return a;}f(1); //1当箭头函数没有参数或者有多个参数,要用 () 括起来。var f = (a,b) => a+b;f(6,2); //8当箭头函数函数体有多行语句,用 {} 包裹起来,表示代码块,当只有一行语句,并且需要返回结果时,可以省略 {} , 结果会自动返回。var原创 2021-08-12 19:40:12 · 127 阅读 · 0 评论 -
ES6-...运算符
可变长参数定义函数时,可以将参数指定为可变数组 function sum(...args) { let result = 0; args.forEach((val) => { result += val; }); return result; } console.log(sum(1, 2, 3)); // 6 console.log(sum(1, 2, 3, 4, 5, 6, 7, 8, 9, 10));原创 2021-08-12 19:39:31 · 148 阅读 · 0 评论 -
ES6-数组循环(for...of)
ES 5for…in作用:遍历数组的所有属性ES 6for…of作用:只遍历数组的值for-of 可以用来遍历的类型:for-of 循环用来遍历数据—-例如数组中的值for-of 循环不仅支持数组,还支持大多数类数组对象for-of 循环也支持字符串遍历,它将字符串视为一系列的 Unicode 字符来进行遍历它同样支持 Map 和 Set 对象遍历 let list = [10, 20, 30]; Array.prototype原创 2021-08-12 19:38:40 · 852 阅读 · 0 评论 -
ES6-变量的解构赋值
解构赋值:ES6 允许我们,按照一一对应的方式,从数组或者对象中提取值,再将提取出来的值赋值给变量。解构:分解数据结构;赋值:给变量赋值。解构赋值在实际开发中可以大量减少我们的代码量,并且让程序结构更清晰。数组的解构赋值ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。基本用法从数组中提取值,按照对应位置,对变量赋值。 let [a, b, c] = [10, 20, 30]; a // 10 b // 20 c原创 2021-08-12 19:32:03 · 241 阅读 · 0 评论 -
ES6-Symbol新类型
作用:表示独一无二的值,最大的用法是用来定义对象的唯一属性名。ES5对象属性名都是字符串容易造成属性名的冲突。eg:var a = { name: 'lucy'};a.name = 'lili';//这样就会重写属性ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。基本数据类型有6种:Undefined、Null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。这里新添加了一种:Symbol基本用法Symbol函.原创 2021-08-12 19:30:17 · 105 阅读 · 0 评论 -
ES6-字符串模板
字符串嵌入方式包裹在``中字符串拼接 ${表达式1}${表达式2}${表达式3}字符串模版定义实战演习<script> /* * 字符串嵌入方式 */ let name = "lmx"; let mystr1 = "你好,${name}"; let mystr2 = `你好,${name}!再见`; // console.log(mystr1); //你好,${name}..原创 2021-08-12 19:28:56 · 72 阅读 · 0 评论 -
ES6-进制的转换
0b:二进制0o:八进制0x:十六进制toString(X)作用:X进制的转换console.log(0b10); //2console.log(0o10); //8console.log(0x10); //16console.log(0b11 === 3); //trueconsole.log(0o10 === 8); //trueconsole.log(0x10 === 16);//truelet num = 10;console.log(num.toSt..原创 2021-08-12 19:25:43 · 442 阅读 · 0 评论 -
ES6-变量let、const和块级作用域
ES5 中,使用 var 定义全局变量ES6 中,新增了 let 和 const 来定义变量:let:定义局部变量,替代 var。const:定义常量(定义后,不可修改)。1、var:定义全局变量看下面的代码:{ var a = 1;}console.log(a); //这里的 a,指的是 区块 里的 a上方代码是可以输出结果的,输出结果为 1。因为 var 是全局声明的,所以,即使是在区块里声明,但仍然在全局起作用。也就是说:使用 var 声明的变量不具备块级作原创 2021-08-12 19:13:37 · 339 阅读 · 0 评论