
ES6
聂一
这个作者很懒,什么都没留下…
展开
-
面向对象、模块化
面向对象es5面向对象以函数的形式写对象,没有统一的写法需要在对象体外面声明方法function Person(name,age){ this.name=name; this.age=age; this.showName=function (){ alert(this.name); }; this.showAge=function (){原创 2020-11-18 23:01:09 · 632 阅读 · 0 评论 -
异步操作
异步操作异步操作:同时进行多个操作,用户体验好,但是代码混乱同步操作:一次只能执行一个操作Promise趋近于封装异步操作let p = new Promise((reslove,reject)=>{ //异步 //reslove 成功回调,返回括号内的值 //reject 失败回调,返回括号内的值})p.then(()=>{},()=>{})//成功执行前面,错误执行后面,也就是resolve和rejectPromise.all([ f1,f2,f3 //P原创 2020-11-18 19:33:23 · 330 阅读 · 0 评论 -
babel编译
babel编译babel的作用是用作JavaScript编译器,将ES6代码转化为ES5的格式,使低版本的浏览器可以识别,例如IE10以下版本引入在线babel文件编译下载babel文件引入<script src="browser.min.js" charset="utf-8"></script><script type="text/babel">代码</script>type说明script内部放的代码类型缺点:加载慢,降低代码性能编译Ja原创 2020-11-18 18:19:54 · 1469 阅读 · 0 评论 -
es6特性
对于es6的自我理解总结let与const禁止变量重复声明const声明的变量值不可修改let用于声明变量,const用于声明常量具有块级作用域属性({})(var具有函数作用域)解构赋值let arr = [1,2,3]let [a,b,c] = arr//此时a被赋值为1let obj = [name:'ahuo',age:18]let [name,age] = obj//此时name被赋值为'ahuo'(注意变量名需要与键名相匹配)箭头函数()=>{}简写原创 2020-11-18 13:39:33 · 159 阅读 · 1 评论 -
String扩展的方法、set数据结构
2020年10月19日真是痛苦的一天模板字符串ES6新增的创建字符串的方式,使用反引号定义模板字符串可以解析变量 let name = `张三`; // let sayHello = `Hello, 我的名字叫${name}`; // console.log(sayHello); //hellp ,我的名字叫张三模板字符串中可以换行 let result = { name: "zhangsan", age: 20 }; let html = `原创 2020-10-19 22:42:52 · 225 阅读 · 0 评论 -
Array扩展方法
2020年10月19日真是痛苦的一天Array的扩展方法扩展运算符(展开语法)扩展预算福可以将数组或者对象转为用逗号分隔的参数序列 let ary = ["a", "b", "c"]; ...ary // "a", "b", "c" console.log(...ary) //a b c扩展运算符可以应用于合并数组 let ary1 = [1, 2, 3]; let ary2 = [4, 5, 6]; ...ary1 // 1, 2, 3 ...ary2 // 4原创 2020-10-19 22:15:22 · 594 阅读 · 0 评论 -
箭头函数、剩余参数
2020年10月19日真是痛苦的一天箭头函数ES6新增的定义函数的方式()=> {}const fn = () => {}如果函数体中只有一句代码 并且代码的执行结果就是函数的返回值 函数体大括号可以省略 // 在箭头函数中 如果函数体中只有一句代码 并且代码的执行结果就是函数的返回值 函数体大括号可以省略 const sum = (n1, n2) => n1 + n2; const result = sum(10, 20); console.log(原创 2020-10-19 22:13:55 · 402 阅读 · 0 评论 -
let、const、解构赋值
2020年10月19日真是痛苦的一天ES6概念它是由ECMA国际标准化组织,制定的一项脚本语言的标准化规范。(ES6泛指ES2015及后续的版本)为什么使用ES6letES6中新增的用于声明变量的关键字let声明的变量只在所处于的块级({})有效/* --------使用let关键字声明的变量具有块级作用域-------- */ if (true) { let b = 20; console.log(b) if (true) { let c = 3原创 2020-10-19 15:19:27 · 514 阅读 · 0 评论