JavaScript-ES6
文章平均质量分 81
刻刻帝丶
这个作者很懒,什么都没留下…
展开
-
ECMAScript6(ES6)标准之class类的定义、继承及静态方法
众所周知,JavaScript中是没有传统类的概念的 它利用原型链完成继承 对于当时刚学JavaScript的我来说,一时不好接受 声明的方式看起来很奇怪 不过在我们的ES6借鉴了很多语言的语法 这其中包括class class不是新结构而是原型链的语法糖早在ES4的时候,草案中就已经出现了class 不过ES4由于过于激进,和一系列问题 被大家抵制 不过大家完全不用担心ES6步E原创 2016-12-26 20:32:39 · 12958 阅读 · 2 评论 -
ECMAScript6(ES6)标准之函数扩展特性箭头函数、Rest参数及展开操作符
ES6扩展了很多语法糖语法 其中对于函数我们又可以使用一种叫做“箭头函数”的写法 同时引入了Rest参数 利用“…”可以获取多余参数 这样就我们就不要使用arguments对象了函数默认参数ES6没有出现之前 面对默认参数会让很多人感到痛苦 大家会采用各种hack 比如:arr = arr || [] 现在要容易得多function foo(name = 'payen'){原创 2016-12-24 17:29:21 · 5760 阅读 · 5 评论 -
ECMAScript6(ES6)标准之对象Object扩展方法及新特性
ES6对于Object也扩增了几个方法 不过最重要的是 ES6扩展了一些语法 比如说允许直接写入变量和函数,作为对象的属性和方法 使我们的对象更加简洁 下面我就来详细说明一下语法扩展简写对象属性let name = 'payen';let obj = { name, age: 19}console.log(obj);//{"name":"payen","age":1原创 2016-12-21 20:26:08 · 6578 阅读 · 0 评论 -
ECMAScript6(ES6)标准之数组Array扩展方法
ES6对于数组又扩展了很多方法 包括静态方法和原型链上添加的方法 让我们可以更方便的操作数组静态方法Array.from()这个方法可以将 类数组对象(有length属性的对象)和可遍历对象(ES6新增的Set与Map数据结构) 转化为真正的数组在ES6之前,要想让类数组对象变成数组 通常做法是调用slicelet arrLike = { 0: 10, 1: 20,原创 2016-12-19 20:56:48 · 17516 阅读 · 1 评论 -
ECMAScript6(ES6)标准之解构赋值语法及应用
在七种方案解决JavaScript交换两个变量值的问题中 我写的最后一种方案就是用到了ES6的解构赋值语法[a, b] = [b, a]下面我来详细说明一下什么是解构赋值数组解构基本概念按照一定模式,从数组和对象中提取,对变量进行赋值,称为解构 通过解构我们可以让赋值更优雅便捷// 一般赋值var a = 1, b = 2, c = 3;//解构赋值var [a, b, c]原创 2016-12-18 20:53:10 · 5089 阅读 · 0 评论 -
ECMAScript6(ES6)标准之let、const关键字与块级作用域
隔了两周没有更新 今天开始整理ES6的知识 先来看看ES6增加的两个声明变量的关键字 let与const块级作用域我以前就写过一篇文章介绍了作用域的分类 传送门:理清JS中的词法、静态、动态、函数、块作用域 里面就谈到了块级作用域 在ES6之前 我们声明变量只能用var 并且作用域的机制是函数作用域(with关键字、catch子句是特例)if(true){ var i = 1原创 2016-12-18 16:56:46 · 2591 阅读 · 0 评论 -
HTML5+JavaScript-ES6移动端2D飞行射击游戏
前一段时间用JavaScript写了一个飞机游戏的小项目作为练习 js不到2000行 借用了曾经微信飞机大战的资源 画风大概是这个样子的给大家简单介绍一下 感兴趣的同学可以去我的github上查看或下载源码github传送门: https://github.com/paysonTsung/Fighter游戏项目传送门: http://seraphspace.com/Fighter/原创 2017-04-19 16:31:10 · 4083 阅读 · 5 评论