带你正确了解ES6

ES6全名是ECMAScript 6,是JavaScript语言的下一代标准。

Babel,可以将ES6代码转为ES5代码,是一个环境执行

ES6最常用的特性:let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments

let, const类似于var,是ES6的新的声明方式。

原型、构造函数,继承看起来更清晰。

 1 class Animal {
 2     constructor(){
 3         this.type = ‘animal‘
 4     }
 5     says(say){
 6         console.log(this.type + ‘ says ‘ + say)
 7     }
 8 }
 9
10 let animal = new Animal()
11 animal.says(‘hello‘) //animal says hello
12
13 class Cat extends Animal {
14     constructor(){
15         super()
16         this.type = ‘cat‘
17     }
18 }
19
20 let cat = new Cat()
21 cat.says(‘hello‘) //cat says hello
时间: 2024-10-22 06:46:49

带你正确了解ES6的相关文章

带你正确选择适合自己的韩国服务器!

如何选择适合自己的韩国服务器? 如何选择适合自己的韩国服务器? 通常选择服务器时有三种方式: 1.选择价格便宜的(如果你对产品质量没有要求,就选择这一种方式); 2.选择价格贵的(如果你是土豪,请任性地购买就OK了) 3.对产品价格和性能做一个综合评价,然后选择符合自己的. 接下来,我们开始选择过程: 这里:我们要弄清楚,不一样的价格对应的是不一样的产品品质.服务品质. 下面开始正式一起探讨选择一个性价比合适的韩服务器的过程: 一.  要选择的服务器确保是在韩国本土.如何鉴定服务器是在韩国本土呢

带你正确的使用List的retainAll方法求交集

一. retainAll 方法 public boolean retainAll(Collection<?> c) { //调用自己的私有方法 return batchRemove(c, true); } 二.batchRemove 方法解析 如果此 collection 由于调用而发生更改,则返回 true //集合A比较与集合B的交集 private boolean batchRemove(Collection<?> c, boolean complement) { //获得当

3分钟带你搞懂ES6 import 和 export

如下语句是 default import: // B.js import A from './A' 且只在A存在 default export 时生效: // A.js export default 42 这种情况下你用import语句, 随便取什么名字都没关系: // B.js import A from './A' import MyA from './A' import Something from './A' 因为他最终解析的是A.js 的 default export. 如下是命名为A

webstorm ES6 转 ES5

一句话总结:用WebStorm自带的File Watcher功能+Babel实现自动转换ECMAScript 6代码为ES5代码 1. 新建一个Empty Project,然后在src目录下新建了一个main.js: // 这一步不是必须的 只是刚上手的话 从空项目开始自己配置会少很多干扰 2. 进入设置,把JavaScript language version改成ECMAScript 6: 3. 再Then..写一段ES6代码 'use strict'; // node直接运行ES6代码时,如

你可能还不知道的ES6的事儿

ES6,或许应该叫 ES2015(2015 年 6 月正式发布),对于大多数前端同学都不陌生. 首先这篇文章不是工具书,不会去过多谈概念,而是想聊聊关于每个特性 你可能不知道的事,希望能为各位同学正确学习 ES6 ,提供一些指导. 对于 ES6,有些同学已经在项目中有过深入使用了,有些则刚刚开始认识他,但不论你是属于哪一类,相信这篇文章都有适合你的部分.针对文章中的问题或不同意见,欢迎随时拍砖.指正. 正文 Let + Const 这个大概是开始了解 ES6 后,我们第一个感觉自己完全明白并兴致

利用babel自动编译es6文件

一.检查File-Watchers中Babel的Arguments,有一项presets的设置,把他更改为=es2015,详细设置如下: $FilePathRelativeToProjectRoot$ --out-dir dist --source-maps --presets=es2015 二.把JavaScript language version改成ECMAScript 6: 安装base后,增加base的watch IDE会出现一个File watcher提示条 先别点Add watch

手机浏览器兼容问题:es6、-webkit-

1.大部分手机自带浏览器不支持ES6: 2.CSS3的动画必须添加-webkit-: @keyframes boom { 0% {transform: rotate(0deg)} 40% {transform: rotate(0deg)} 60% {transform: rotate(65deg)} 80% {transform: rotate(-45deg)} 100% {transform: rotate(-45deg)} } @-webkit-keyframes boom { 0% {-w

ES6 你可能不知道的事 – 基础篇

ES6 你可能不知道的事 – 基础篇 转载 作者:淘宝前端团队(FED)- 化辰 链接:taobaofed.org/blog/2016/07/22/es6-basics/ 序 ES6,或许应该叫 ES2015(2015 年 6 月正式发布),对于大多数前端同学都不陌生. 首先这篇文章不是工具书,不会去过多谈概念,而是想聊聊关于每个特性 你可能不知道的事,希望能为各位同学 正确使用 ES6,提供一些指导. 对于 ES6,有些同学已经在项目中有过深入使用了,有些则刚刚开始认识他,但不论你是属于哪一类

Android M 新的运行时权限开发者需要知道的一切

本文来自微凉一季的博客http://jijiaxin89.com/2015/08/30/Android-s-Runtime-Permission/ 更多文章点击跳转微凉一季 tags: 翻译,这是一篇译文. android M 的名字官方刚发布不久,最终正式版即将来临! android在不断发展,最近的更新 M 非常不同,一些主要的变化例如运行时权限将有颠覆性影响.惊讶的是android社区鲜有谈论这事儿,尽管这事很重要或许在不远的将来会引发很严重的问题. 这是今天我写这篇博客的原因.这里有一切