Nieyigo的博客

面向对象 es5面向对象 以函数的形式写对象，没有统一的写法 需要在对象体外面声明方法 function Person(name,age){ this.name=name; this.age=age; this.showName=function (){ alert(this.name); }; this.showAge=function (){

异步操作 异步操作：同时进行多个操作，用户体验好，但是代码混乱 同步操作：一次只能执行一个操作 Promise 趋近于封装异步操作 let p = new Promise((reslove,reject)=>{ //异步 //reslove 成功回调，返回括号内的值 //reject 失败回调，返回括号内的值 }) p.then(()=>{},()=>{}) //成功执行前面，错误执行后面，也就是resolve和reject Promise.all([ f1,f2,f3 //P

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

对于es6的自我理解总结 let与const 禁止变量重复声明 const声明的变量值不可修改 let用于声明变量，const用于声明常量 具有块级作用域属性（{}）（var具有函数作用域） 解构赋值 let arr = [1,2,3] let [a,b,c] = arr //此时a被赋值为1 let obj = [name:'ahuo',age:18] let [name,age] = obj //此时name被赋值为'ahuo'(注意变量名需要与键名相匹配) 箭头函数 ()=>{} 简写

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日真是痛苦的一天 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日真是痛苦的一天 箭头函数 ES6新增的定义函数的方式 ()=> {} const fn = () => {} 如果函数体中只有一句代码 并且代码的执行结果就是函数的返回值 函数体大括号可以省略 // 在箭头函数中 如果函数体中只有一句代码 并且代码的执行结果就是函数的返回值 函数体大括号可以省略 const sum = (n1, n2) => n1 + n2; const result = sum(10, 20); console.log(

2020年10月19日真是痛苦的一天 ES6概念 它是由ECMA国际标准化组织，制定的一项脚本语言的标准化规范。(ES6泛指ES2015及后续的版本) 为什么使用ES6 let ES6中新增的用于声明变量的关键字 let声明的变量只在所处于的块级（{}）有效 /* --------使用let关键字声明的变量具有块级作用域-------- */ if (true) { let b = 20; console.log(b) if (true) { let c = 3