ES6
文章平均质量分 58
主要介绍ES6新增语法
前端人
专注前端开发技术分享,助力初学者更好成长
展开
-
Javascript 常见的高阶函数
高阶函数,英文叫 Higher Order function。一个函数可以接收另外一个函数作为参数,这种函数就叫做高阶函数。示例:function add(x, y, f) { return f(x) + f(y);}//用代码验证一下:add(-5, 6, Math.abs); // 11一、常见的高阶函数ES6中数组新增了几种方法,其中 map、reduce、filter 几个都是高阶函数,除此,普通的sort也是高阶函数。分别介绍下新增的三个方法。1.1、filter原创 2021-09-28 09:22:18 · 457 阅读 · 0 评论 -
ES6新增语法(七)——async...await
什么是asyncasync的意思是“异步”,顾名思义就是有关异步操作的关键字,async 是 ES7 才有的,与我们之前说的Promise、Generator有很大的关联。使用语法:async function name(param){param //传递给函数的参数名称statements //函数体}name().then(function(res){res//异步操作返回的结果})async 函数返回一个Promise对象,可以使用then方法添加回调函数。具体原创 2021-07-22 14:15:46 · 178 阅读 · 0 评论 -
ES6新增语法(六)——Generator函数详解
上篇文章《ES6新增语法(五)——Promise详解》我们介绍Promise,Promise一旦执行就无法暂停和取消,所以ES6引入了Generator函数,可以通过yield关键字,把函数的执行流程挂起,可以改变执行流程。什么是Generator函数?Generator主要是异步编程,用来封装异步任务,是一个异步任务的容器,可以让函数按照我们指定的时候执行或者暂停。使用语法:function *name(){...yield; //需要暂停的时候加yield...yield原创 2021-07-21 18:51:48 · 109 阅读 · 0 评论 -
ES6新增语法(五)——Promise详解
Promise介绍promise是一个对象,从它可以获取异步操作的消息。有all、race、reject、resolve这几个方法,原型上有then、catch等方法。Promise的两个特点:对象的状态不受外界影响。Promise对象获取的是异步操作,有三种状态:pending(进行中)、fulfilled(已成功)、reject(已失败)。除了异步操作的结果,其他操作都无法改变这个状态。 一旦状态改变,就不会再变。从pending变为fulfilled和从pending变为rejected原创 2021-07-20 15:28:10 · 294 阅读 · 0 评论 -
ES6新增语法(四)——面向对象
ES6中json的2个变化简写:名字和值相同时,json可以可以简写let a=12,b=5;let json = { a, b}console.log(json) // { a:12 , b:5 }省略function:json中的函数可以简写let persen ={ name:'倩倩', age:18, showName(){ alert(this.name) }}persen.showName()ES6与传统面向对象传统面向对象:类和构造函数在一起,原创 2021-07-19 13:05:38 · 252 阅读 · 0 评论 -
ES6新增语法(三)——面向对象
ES6中json的2个变化简写:名字和值相同时,json可以可以简写let a=12,b=5;let json = { a, b}console.log(json) // { a:12 , b:5 }省略function:json中的函数可以简写let persen ={ name:'倩倩', age:18, showName(){ alert(this.name) }}persen.showName()ES6与传统面向对象传统面向对象:类和构造函数在一起,原创 2021-07-16 12:00:25 · 84 阅读 · 0 评论 -
ES6新增语法(二)——函数和参数
箭头函数箭头函数:将原来函数的function关键字和函数名都删掉,并使用”=>”连接参数列表和函数体。箭头函数语法:(参数1,参数2)=>{函数体}注意点:当参数有且只有一个,括号可以省略。没有参数或多个参数时,括号不能省略。 如果函数体有且只有一个表达式时,可以省略花括号。箭头函数使用实例:window.onload = ()=>{ console.log('网页加载完成')}参数只有一个时,省略掉括号。函数体只有一个表达式,花括号也省略。原创 2021-07-15 14:39:17 · 184 阅读 · 0 评论 -
ES6新增语法(一)——let、const、var的区别
ES6简介ES6是ECMAScript 6.0的简称,是javascript语言的下一代标准,已经在2015年6月正式发布上线。目的就是为了统一javascript的语法标准,可以用来开发大型应用程序,称为企业级开发语言。ES6与JavaScript的关系:ES6是JavaScript的规范标准,JavaScript是ES6的一种实现。变量/赋值块级作用域{}ES5中作用域有:全局作用域、函数作用域,没有块作用域的概念。ES6新增了块级作用域,块作用域由{}包括,if语句里面的{}也原创 2021-07-14 15:53:58 · 119 阅读 · 0 评论