ECMAScript 6
文章平均质量分 98
ECMAScript 6(简称ES6或ES2015)是JavaScript的一个重要更新版本,在2015年发布。它引入了许多新的语言特性和改进,旨在提高JavaScript的功能性、可读性和开发效率。
阿珊和她的猫
前端开发工程师、CSDN博客专家、23年度博客之星前端领域TOP1、蓝桥云课签约作者、阿里云专家博主、已过四六级、牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》《2024前端面试高频手撕题》,已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》
展开
-
链式编程艺术:探索 Promise 链的美妙之处
Promise 是 JavaScript 中用于处理异步操作的对象。它可以表示一个异步操作的最终完成或失败,并可以返回操作结果或错误信息。Promise解决了传统回调函数嵌套过多导致的回调地狱问题。在过去,为了处理多个异步操作的依赖关系,开发者经常需要嵌套多个回调函数,这导致代码难以理解、维护困难,并可能引发错误。通过使用 Promise,开发者可以更优雅地处理异步操作。Promise 提供了一个链式调用的方式,允许按顺序组织和处理异步操作,使代码更具可读性和可维护性。原创 2023-07-06 22:52:40 · 150 阅读 · 0 评论 -
【Es6入门实践】11 类的声明和使用,模块化操作
class:类的声明和使用声明一个类 写类,首字母大写 对象首字母是小写类里面都是方法和属性class Coder{ name(val){//函数的参数,而不是类的参数 val:内函数的参数 console.log(val) }}//实例化一个类let hls=new Coder;hls.name('JACK')浏览器显示结果函数的参数c...原创 2020-02-26 16:10:45 · 246 阅读 · 0 评论 -
【Es6入门实践】10 proxy:代理,promise
01 proxy:代理在ES6中,proxy是一种增强,增强的是我们的对象和函数(方法)类似生命周期的钩子函数,只不过这种钩子函数是在你处理任何方法之前进行的在真正方法执行前处理下,叫预处理我们之前声明一个对象是这样的let obj={ add:function(val){ return val+100; }, name:'I am a number'}conso...原创 2020-02-26 12:03:11 · 625 阅读 · 0 评论 -
【Es6入门实践】09Set和WeakSet,Map数据结构
01 Setlet setArr=new Set(["牛奶","可乐","绿茶","冰红茶"])console.log(setArr)打印出来的结果不是数组,而是set的数据类型接下来我们对这个数组进行增删改增:add注意:数组增加是使用push,但是我们这里是使用addlet setArr=new Set(["牛奶","可乐","绿茶","冰红茶"])setArr.ad...原创 2020-02-25 23:27:09 · 241 阅读 · 0 评论 -
【Es6入门实践】08Es6的对象,Symbel在对象中的作用
01 赋值以前我们是这么赋值的let name='HLS'let skill='JS'let obj={name:name,skill:skill}console.log(obj)现在允许我们用变量的方式赋值let name='HLS'let skill='JS'let obj={name,skill}console.log(obj)控制台显示的结果都是一样的02 k...原创 2020-02-25 19:20:48 · 659 阅读 · 0 评论 -
【Es6入门实践】07箭头函数和扩展,函数和数组补漏
01 以前我们写函数是这样的function add(a,b){ return a+b}console.log(add(1,2))function add(a,b=1){ return a+b}console.log(add(1))02 主动抛出异常function add(a,b=1){ if(a==0){ throw new Error('A is Er...原创 2020-02-25 18:07:20 · 224 阅读 · 0 评论 -
【Es6入门实践】06数字的操作,数组及其相关方法的操作(重点)
01数字的操作//二进制的声明let binary=OB010101;console.log(binary)//八进制的声明let octal=Oo666console.log(octal)let octal2=Oo777console.log(octal2)用Number.isFinite来进行是字符串还是数字的判断let a=11;console.log(Numbe...原创 2020-02-25 16:38:34 · 263 阅读 · 0 评论 -
【Es6入门实践】05使用live-server插件启动服务,使用字符串模板
前言:关于live-server的介绍live-server插件实现了:修改文件浏览器自动刷新;浏览器自动打开项目;本地开发搭建临时的服务。本地开发常常需要搭建临时的服务,第一时间我们会想到用http-server。但现在流行修改文件浏览器自动刷新hot socketing(热拔插),如live-reload。若想浏览器自动打开项目,用opener。现在live-server实现...原创 2020-02-25 14:34:15 · 566 阅读 · 0 评论 -
【Es6入门实践】04为什么要用对象展开运算符和rest运算符
1.对象展开运算符假设我们知道一个对象里面有方法,但是不知道方法里面的参数情况function hls(...arg){ console.log(arg[0]) console.log(arg[1]) console.log(arg[2]) console.log(arg[3])}hls(1,2,3,4,5,6)所以我们可以利用对象展开运算符查看参数下面我们看一个例...原创 2020-02-25 12:30:22 · 439 阅读 · 0 评论 -
【Es6入门实践】03变量的解构赋值
1.数组的解构赋值ES6 允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,这被称为解构以前,为变量赋值只能直接指定值。let a = 1; let b = 2; let c = 3; console.log(a)console.log(b)console.log(c)ES6 允许写成下面这样。let [a, b, c] = (1, 2 , 3); console....原创 2020-02-25 00:20:17 · 211 阅读 · 0 评论 -
【Es6入门实践】02let和const 命令
let 命令ES6 新增了 let 命令,用于声明变量。其用法类似于 var ,但是所声明的变量只在 let命令所在的代码块内有效。回顾我们知道,var是全局声明var a="cola";//console.log(a)window.onload = function() { console.log(a)}在终端输入打包命令行npm run build在浏览器查看效果...原创 2020-02-24 21:47:33 · 238 阅读 · 0 评论 -
【Es6入门踩坑记】01用Babel把ES6编译成ES5
写在前言:ECMAScript和 JavaScript 的关系前者是后者的规格,后者是前者的一种实现虽然现在的Chrome浏览器已经支持ES6了,但是有些低版本的浏览器还是不支持ES6语法 这就需要我们把ES6的语法自动转为ES5的语法。下面我会使用Babel把ES6编译成ES5.Babel ( babeljs.io/)是 一个广为使用的 ES6 转码器,可以将 ES6 代码转为...原创 2020-02-24 20:29:21 · 650 阅读 · 0 评论