
ES6
文章平均质量分 84
疯狂平头哥前端乐园
happy coding happy cooking
展开
-
JavaScript进阶必会的手写功能(二)
JavaScript进阶必会的手写功能(一) 6. 手写浅拷贝 6.1 JavaScript数据类型分类 1. 简单数据类型: Number、 String、Boolean、null、undefined、Symbol 2. 引用数据类型: Array、Object 6.2 不同数据类型的存储方式 由上图可见,简单数据类型,将值存储在栈中与堆无关,引用数据类型将值存储在堆中, 而在栈中存放的是指向堆的指针 浅拷贝 创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如.原创 2022-05-07 17:36:49 · 956 阅读 · 3 评论 -
es6之promise简单理解及使用
promise 1. promise是解决异步的一种方案,也就是让promise帮我们去处理异步,最终promise会返回异步处理的结果。 2. 有了promise之后,让异步处理更加灵活,还能够解决之前的回调地狱的问题。 promise的使用 我们需要用promise帮我们处理异步 var a=new Promise(function(resolve.reject){ // 在这里来进行真正的异步处理 setTimeout(function(){ console.log('hello p转载 2020-08-11 21:04:14 · 231 阅读 · 0 评论 -
ES6+功能 set数据结构
set数据结构 ES6 提供了新的数据结构 Set。 它类似于数组, 但是成员的值都是唯一的, 没有重复的值。 Set本身是一个构造函数, 用来生成 Set 数据结构 const set = new Set([1, 3, 4, 5, 4, 3, 2, 1]); console.log(set); 数组去重 var arr = [1, 3, 4, 5, 4, 3, 2, 1] var newArr = [...new Set(arr)] console.log(newArr原创 2020-07-18 15:11:11 · 102 阅读 · 0 评论 -
ES6中属性以及方法的继承(super)
<script> //创建一个Father类 class Father{ //利用constructor来创建属性 constructor(name,age){ this.name=name this.age=age } //方法在外边直接定义 Sing(){ console.log('I can sing') } } //创建一个Son类,这个类继承Father的属性并且还拥有自己的属性 //E原创 2020-06-20 23:55:51 · 811 阅读 · 0 评论 -
ES6+功能 剩余参数
剩余参数 剩余参数语法允许我们将一个不定数量的参数表示为一个数组 不定参数定义方式,这种方式很方便的去声明不知道参数情况下的一个函数 const sum = (...args) => { let total = 0; args.forEach((item) => { total += item; }) return total;原创 2020-07-18 14:46:07 · 387 阅读 · 0 评论 -
ES6+功能 解构赋值
解构赋值 结构赋值:ES6中允许从数组中提取值,按照对应位置,对变量赋值,对象也可以实现解构 就是一种语法糖 console.log('-------结构赋值:数组-------------'); var arr = [1, 2, 3, 4] let [a, b, c, d] = arr; console.log(a, b, c, d); //打印出1 2 3 4 按照对应的结构–复杂 var arr1 = [1, [2, 3, 4]原创 2020-07-18 11:48:50 · 85 阅读 · 0 评论 -
ES6+功能 箭头函数
箭头函数 箭头函数:就用=>替代function,然后再调节一下结构顺序即可 之前使用的函数 function qh(n1) { return n1 * n1; } console.log('-----------普通函数----------'); console.log(qh(10)); es6的写法 const sum = (n2) => { return原创 2020-07-18 11:34:07 · 141 阅读 · 0 评论 -
ES6+ 模版字面量(字符串拼接)
模版字面量 新增的创建字符串的方式,使用反引号定义 let name = `zhangsan`; 模板字符串中可以解析变量 let myName = 'Jack'; let sayHello = `hello,my name is ${myName}`; console.log(sayHello); // hello, my name is Jack 模板字符串中可以换行 let result = { name: 'zhangsan',原创 2020-07-18 11:18:07 · 340 阅读 · 0 评论 -
ES6+的功能
ES6+的功能 var、let、const关键字辨析 var 可以重复定义同名变量 var name='Bob'; var name='Tom'; console.log(name) //Tom 存在变量提升 //javascript 可以将变量提升 a = 2 console.log(a); //2 var a //但是初始化的变量是不能提升的 console.log(b); //undefined var b=3; 没有块级作用域 let arr=[]; for(var i=0;i原创 2020-07-18 10:29:37 · 341 阅读 · 0 评论