ES6
hahahafree
这个作者很懒,什么都没留下…
展开
-
WEB前端:ES6(6):Promise 对象
// new Promise时候 函数参数立即执行 relsove-成功 reject-失败 /* 三种状态 pending(正在进行) —— Rejected(失败态) | fulfilled(成功态) ...原创 2019-11-11 15:58:42 · 69 阅读 · 0 评论 -
WEB前端:ES6(5):对象的扩展
参考https://es6.ruanyifeng.com/#docs/object属性的简洁表示法let birth = '2000/01/01';const Person = { name: '张三', //等同于birth: birth birth, // 等同于hello: function ()... hello() { console.log('我...原创 2019-11-11 11:42:22 · 103 阅读 · 0 评论 -
WEB前端:ES6(4):数组
Array.from方法用于将两类对象转为真正的数组:let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3};// ES6的写法let arr2 = Array.from(arrayLike); // ['a', 'b', 'c']console.log(arr2);Array.of方法用...原创 2019-11-11 10:32:06 · 91 阅读 · 0 评论 -
WEB前端:ES6(3):箭头函数
// // 原来的函数使用// let fn = function(a, b) {// console.log(a + b);// }// fn(4, 6);// 箭头函数 无function关键字 在函数参数与函数体之间用箭头连接 let fn = (a, b) => { console.log(a + b);}fn(1, 2);// 当函数只有一个...原创 2019-11-11 09:44:17 · 418 阅读 · 0 评论 -
WEB前端:ES6(4):模板字符串、includes、padEnd
// 字符串 "" 或''let name = "along";let sex = "男";// 传统的 JavaScript 语言, 输出模板通常是这样写的let person = "\"" + name + "\"" + "'" + sex + "'";// ES6 引入了模板字符串解决这个问题。let person2 = `"${name}"'${sex}'`;conso...原创 2019-11-10 23:24:51 · 229 阅读 · 0 评论 -
WEB前端:ES6(3):解构赋值、解构应用
解构赋值// 解构赋值// let arr = [1, 2, 3];// let a = arr[0];// let b = arr[1];// let c = arr[2];// console.log(a, b, c);// 数组的结构赋值// let [a, b, c] = [1, 2, 3]; // console.log(a, b, c);// 对象的解构赋值...原创 2019-11-10 22:46:04 · 223 阅读 · 0 评论 -
WEB前端:ES6(2):let、const的使用
let// JavaScript变量// var a = 10;// var a = 20;// console.log(a);// 1 let声明的变量不允许重复声明// let a = 10;// let a = 20;// 2 let声明的变量 不会声明到window上 // var num = 5;//全局,可以声明到window// let num = 5;不会声...原创 2019-11-10 22:29:47 · 353 阅读 · 0 评论 -
WEB前端:ES6(1):概念、ES6编程环境搭建
概念ES6 既是一个历史名词, 也是一个泛指, 含义是5.1版以后的JavaScript的下一代标准, 涵盖了ES2015、ES2016、ES2017等等ES6编程环境搭建1.1 用浏览器调试1.2 NodeJS调试在vscode安装code runer拓展,可以直接运行代码选择代码,点run Code就可以输出1.3使用Babel编译1.3使用Babel编译(掌...原创 2019-11-10 21:38:00 · 136 阅读 · 0 评论