ES6
蓬莱老仙
这个作者很懒,什么都没留下…
展开
-
ES6-class关键字
class 关键字es6 新增了 class 关键字,这是 es6 的新语法,用来实现 es6 中面向对象编程;可以通过该关键字来定义类。class不存在变量提升,所以需要先定义再使用。ES5:// 定义一个构造函数function Preson(name, age) { this.name = name this.age = age}// 创建 preson 实例...原创 2020-02-07 15:21:27 · 533 阅读 · 0 评论 -
ES6-async await解决回调地狱
async await通过 async await 语法可以优雅的以同步的流程表达异步操作;其本质是 Generator 的语法糖。语法:async function fun() { await 异步操作 await 异步操作}特点:遇到 await 进行等待,当前的异步操作完成后继续往下执行返回的是 Promise 对象,可以通过 then 方法进行下一步操作as...原创 2019-12-15 18:48:49 · 380 阅读 · 0 评论 -
ES5 严格模式详解
第一章 ES51.1. 严格模式除了正常运行模式(混杂模式),ES5 添加了第二种运行模式:严格模式(strict mode)。产生目的消除 JavaScript 语法的一些不合理、不严谨的地方,减少一些怪异行为。提高编译器效率,增加运行速度。消除代码运行的一些不安全不合理之处,为将来新版本的 JavaScript 做好铺垫。使用方法全局:针对整个 js 文件将'use...原创 2019-07-17 10:00:45 · 263 阅读 · 0 评论 -
ES5 数组扩展 indexOf()、lastIndexOf()、forEach()、map()、filer()方法详解
Array.prototype 属性表示 Array 构造函数的原型,并可以向所有 Array 对象添加新的属性和方法。Array.prototype.indexOf()Array.prototype.indexOf(searchElement[, fromIndex = 0]) 返回在数组中找到给定元素的第一个索引,如果不存在,则返回-1。searchElement 需要查找的元素...原创 2019-07-17 10:09:38 · 735 阅读 · 0 评论 -
ES5 function 扩展:call()、apply()、bind()详解
Function.prototype.call()Function.prototype.call(thisArg[, arg1[, arg2[, ...]]]) 提供新的 this 值给当前调用的函数或方法。thisArg 在 fun 函数运行时指定的 this 值*。*需要注意的是,指定的 this 值并不一定是该函数执行时真正的 this 值,如果这个函数在非严格模式下运行,则指定...原创 2019-07-17 10:14:16 · 453 阅读 · 0 评论 -
ES6 let与const关键字详解
let 与 const 关键字let 的使用let 用于声明一个块级作用域的本地变量,并且可选的将其初始化为一个值。语法:let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];特点:声明的变量只在其声明的块或子块中可用(块级作用域 “{}”)。{ var varTest = '小乔' ...原创 2019-07-17 10:18:38 · 195 阅读 · 0 评论 -
ES6 解构赋值详解:对象解构赋值、数组解构赋值
所谓的解构赋值就是:按照一定模式,从数组和对象中提取值,对变量进行赋值(先解析结构再进行赋值)。对象的解构赋值对象是通过属性名进行解构(是用的最多的解构赋值)基本使用// 创建一个对象let obj = {username: '妲己', age: 18, gender: 'girl'}// 进行解构赋值let {age, username, gender} = obj// 通过...原创 2019-07-17 10:20:42 · 1282 阅读 · 0 评论 -
ES6 模板字符串用法详解
模板字符串使用 `` 反引号表示,需要使用变量时,通过 ${} 插入变量。ES5 中拼接字符串var uname = "小倩", age = 19, sex = "女", hobby = "古筝、笛、琵琶"var str = '芳名:' +uname+ ',年芳' +age+ ',喜欢' +hobbyconsole.log(str) // 芳名:小倩,年芳19,喜欢古筝、笛、琵琶使用...原创 2019-07-17 10:23:10 · 625 阅读 · 0 评论 -
ES6 箭头函数及this指向详解
箭头函数相当于匿名函数,箭头函数简化了函数的定义,比函数表达式更简洁,并且没有自己的this,arguments。。。基础语法(参数1, 参数2, …) => { 函数体 }最简单的箭头函数(没有形参、函数体语句单一)let fn = () => console.log('最简写的箭头函数')fn() // 最简写的箭头函数相当于:var fn = function...原创 2019-07-17 10:25:51 · 346 阅读 · 0 评论 -
ES6 callee属性与 "..." 运算符详解
callee 是 arguments 的一个属性,是一个指针指向拥有这个 arguments 对象的函数(arguments 用于保存函数参数,是一个类数组对象,不具备数组的一般方法)。function test() { console.log(arguments.callee)}test()执行结果:ƒ test() { console.log(argume...原创 2019-07-17 10:27:43 · 224 阅读 · 0 评论 -
ES6-Promise()解决回调地狱
Promise 对象表示尚未完成且在未开完成的事件(通常为一个异步操作)。异步:可以一起执行多个任务,函数调用后不会立即返回执行的结果,如果任务A需要等待,可先执行任务B,等到任务A结果返回后再继续回调。Promise 可以将异步操作以同步的流程表达出来,避免了层层嵌套的回调函数(回调地狱).Promise(callback) 是一个构造函数,接收一个参数,该参数是一个带有 ...原创 2019-07-17 19:10:55 · 228 阅读 · 0 评论