es6 - 随笔分类 - 飄落的葉子

ES6练习题

摘要：考试题一、简答题 1、let、const、var定义变量的区别是什么？ let 块作用域没有变量提升不能重复声明属于顶层对象 const 声明常量，不能修改必须初始化块作用域没有变量提升不能重复声明属于顶层对象 var 没有块的概念可以夸块访问，但是不能跨函数访问会进行变量提阅读全文

posted @ 2020-09-04 21:01 飄落的葉子阅读(827) 评论(0) 推荐(0)

es6 模块化

摘要：ES6模块化创造原因：现在的web系统越来越庞大、复杂，需要团队分工，多人协作，大型系统的javascript文件经常存在复杂的依赖关系，后期的维护成本会越来越高。 JavaScript模块化正式为了解决这一需求而诞生。环境配置：目前浏览器不支持ES6模块化的语法，所以我们在node里进行测试阅读全文

posted @ 2020-09-04 08:45 飄落的葉子阅读(127) 评论(0) 推荐(0)

es6 类

摘要：类的定义 class Animal { //构造函数，创建这个类时会执行的函数 constructor(color){ //this当前对象 console.log("构造") this.color=color } } const myCat = new Animal("白"); console.l 阅读全文

posted @ 2020-09-03 23:10 飄落的葉子阅读(112) 评论(0) 推荐(0)

set/ weakset/ map/ weakmap

摘要：set set是ES6中一个新的数据结构，set的使用和数组是类似的，区别就是，set里没有重复项使用 let set = new Set([13,3,4,5]) set.add(3) // 获取set中值的时候，需要先转成数组在取获取 // set里的元素是不会重复的常用的api add de 阅读全文

posted @ 2020-09-03 23:04 飄落的葉子阅读(135) 评论(0) 推荐(0)

async/await

摘要：这是ES7的语法，它是基于generator函数做的语法糖。 async function 函数名（）{ let obj = await getName() return obj } 函数名().then(res=>{ //得到函数的返回值 }) <script src="./04数据.js"></ 阅读全文

posted @ 2020-09-03 22:58 飄落的葉子阅读(150) 评论(0) 推荐(0)

生成函数

摘要：1、定义 function * 函数名{ let obj = yield "生成器函数" } 与普通函数的区别： 1、function后面加了* 2、函数体里有 yield关键字 2、表现 1、调用这个函数，不会立即执行函数体里的内容，返回一个对象 2、通过这个对象的next方法，可以驱动函数的执行阅读全文

posted @ 2020-09-03 22:56 飄落的葉子阅读(170) 评论(0) 推荐(0)

数组的操作

摘要：<script> const list = [{ id: 1, name: "刘备" }, { id: 2, name: "关羽" }, { id: 3, name: "张飞" }, { id: 9, name: "孙权" }, { id: 4, name: "诸葛亮" }, { id: 6, na 阅读全文

posted @ 2020-09-02 23:36 飄落的葉子阅读(129) 评论(0) 推荐(0)

解决异步（重点promise函数）

摘要：1. 回调函数的方式 function func(callback){ setTimeout(()=>{ callback("异步数据") },1000) } func(function (res){ console.log(res) }) 2. 通过Promise解决异步问题定义：这个是ES6新阅读全文

posted @ 2020-09-02 23:33 飄落的葉子阅读(138) 评论(0) 推荐(0)

迭代器

摘要：1、数组默认实现了迭代器，所以可以通过for of遍历 2、对象没有实现迭代器，所以不能通过for of 遍历 3、Array[Symbol.iterator] 对应是一个函数，这个函数返回一个对象，对象中有个next方法，next方法返回一个对象{value:"",done:false} 4、fo 阅读全文

posted @ 2020-09-02 23:30 飄落的葉子阅读(91) 评论(0) 推荐(0)

遍历

摘要：let arr = [1, 2, 3, 4, 5, 7] // 普通遍历 for (let i = 0; i < arr.length; i++) { console.log(arr[i]) } console.log('******************************') //fore 阅读全文

posted @ 2020-09-02 23:23 飄落的葉子阅读(129) 评论(0) 推荐(0)

symbol 数据类型

摘要：symbol解决了重命名的问题，解决对象的属性名冲突。描述信息每个Symbol都是独一无二的通过遍历是获取不到symbol 使用 Object.getOwnPropertySymbols let name2 = Symbol("name"); let age = Symbol("age"); 阅读全文

posted @ 2020-09-02 23:22 飄落的葉子阅读(146) 评论(0) 推荐(0)

es6.代理 proxy

摘要：<script> var person = { 'name': '张三', 'age': 20 } var pro = new Proxy(person, { get(target, property) { return '李四' } }) console.log(pro.name) console 阅读全文

posted @ 2020-09-02 23:14 飄落的葉子阅读(201) 评论(0) 推荐(0)

箭头函数

摘要：/* // 传统写法 var sum =function(a) { return a ; } // 箭头函数写法 var sum =a => a; */ // var sum = function(a,b) { // return a+b; // } // console.log(sum(1,2)) 阅读全文

posted @ 2020-09-01 22:44 飄落的葉子阅读(99) 评论(0) 推荐(0)

函数方法

摘要：函数默认值把默认值的设定放在了参数上,而不需要在函数体内进行检测，一般将带默认值的参数放在最后。只有当传入的参数为undefined，才会触发默认值赋值。否则，哪怕你传的参数值为0，false，null都不会触发默认值赋值 function person2(name = 'maqiao', age 阅读全文

posted @ 2020-09-01 22:41 飄落的葉子阅读(125) 评论(0) 推荐(0)

es6 对象方法

摘要：ES6对象方法传统 // // 传统表示 // let person = { // 'name':'zs', // 'say': function(){ // console.log('123') // } // } // person.say() var name = 'zs'; var age 阅读全文

posted @ 2020-09-01 21:24 飄落的葉子阅读(190) 评论(0) 推荐(0)

es6 数组操作

摘要：1、Array.of() 将任意一组值转换为数组 //Array.of() // var arr = new Array(1, 2, 3, 5, 8) // var str = '12,3,5,6,ss' // console.log(Array.of(str)) 2、Array.from() 将类阅读全文

posted @ 2020-09-01 21:11 飄落的葉子阅读(210) 评论(0) 推荐(0)

es6 Number 的数值操作

摘要：1、isNaN() 如果是一个数，则返回false, 否则返回true 注意：Number.isNaN返回结果为false时，不一定代表该值定是数字，字符串也可以返回false //isNaN console.log(isNaN(2.5))//false console.log(window.isN 阅读全文

posted @ 2020-09-01 20:32 飄落的葉子阅读(184) 评论(0) 推荐(0)

es6 常用方法

摘要：模板字符串</head> <body> <div id="div1"> <table> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> </div> </body> <script> // var res = '<table>< 阅读全文

posted @ 2020-08-31 22:48 飄落的葉子阅读(198) 评论(0) 推荐(0)

es6解构赋值

摘要：定义：从数组和对象中提取值，对变量进行赋值 1、数组的解构赋值（1）.解构赋值可以嵌套 let [a,[b,c],[d,e]] = [11,[12,13],[14,15]]; console.log(a,b,c,d,e);//11，12，13，14，15 （2）.不完全解构当左边的模式（你可以理阅读全文

posted @ 2020-08-31 22:40 飄落的葉子阅读(451) 评论(0) 推荐(0)

const (常量的使用)

摘要：const 声明常量 1、不能重复声明常量名 // var num = 10; // const num = 15; // console.log(num) //Identifier 'num' has already been declared 2、声明后必须赋值字符串，数字布尔值等基本数据类阅读全文

posted @ 2020-08-31 22:25 飄落的葉子阅读(243) 评论(0) 推荐(0)

随笔分类 - es6