接触到得到新语言里面涉及到很多关于ECMscript相关知识,所以还是来总结一下吧
ES6新增加了一些特性下面我就一边回忆一边写博文吧。
1、es6里面给我印象最深的应该就是箭头操作符(=>),它简化了函数的书写,第一次看见的时候完全懵逼,然后百度后才知道。操作符左边为输入的参数右边是进行操作以及返回值。
例如:
var arr=[5,6,9];
//传统方式写法
arr.forEach(function(i,j,k){console.log(i)});
//es6的写法
arr.forEach(i=>alert(i));
2、es6里面添加了对类的支持。在我印象中我写累大多数就是Java,不了解的时候还不知道万能的js居然也开出这种花来了。我看过一篇博文现在引用他那句话吧,他说”es6提供的类实际上只是js的原型模式的包装”。现在提供的原生class支持后,对继承和对象的创建更加直观了。
例子:
//定义一个类
class Fruit{
//构造器
constructor(name){
this.name=name;
}
//方法
Name(){
alert("我是:"+this.name);
}
}
//类的继承
class Programmer exends Fruit{
constructor(name){
//调用父类构造器进行初始化
super(name);
}
program(){
console.log("我在编译中......");
}
}
//测试类
var fruit=new Fruit("apple"),banana=new Fruit("banbana"),pear=new Fruit("pear");
Fruit.Name();//我是苹果
banana.Name();//我是香蕉
pear.Name();//我是梨
pear.program();//我在编译中......
3、增强的对象字面量。对象字面量被增强写法更加简洁了,现在可以在对象字面量里面定义原型,还可以不用function关键字定义方法,也可以直接调用父类方法。
现在来通过对象字面量来创建对象
var People={
look(){
alert("lead a book......");
};
var student={
__proto__:People,//设置这个对象的原型为People,相当于继承关系
school:"youdian",
course(){
alert("上课");
}
};
People.look();//lead a book......
student.look();//lead a book......
}
4、字符串模板es6中允许使用。ES6中允许使用反引号来创建字符串(创建的字符串里面可以包含由$符号加花括号包裹的变量${variable})
var num=Math.eandom();
alert(${num});
5、解构。自动解析数组或者对象中的值。
6、可以在定义函数的时候指定参数的默认值(以前是通过逻辑或者操作符来完成)
以前:
function a(i){
var i=i||'two';
alert(i);
}
ES6:
function b(j='one'){
console.log(hello ${j});
}
7、不定参数。就是不知道具体有多少个参数的时候可以使用。格式就是三个点后来跟代表有不定参数的变量名字。
例如:
function add(...X){
//把所有参数相加
return X.reduce((m,n)=>m+n);
}
//传递任意个数的参数
alert(add(5,6,7,8,9));//结果就是5+6+7+8+9=35
8、拓展参数。它允许传递数组或者数组可以直接作为函数的参数而不再通过用apply的形式。
var name=['bvcx','asdf','qwer','vcx'];
function student(name1,name2,name3,name4){
console.log(学生名字有:${name1},${name2},${name3},${name4});
}
//以拓展参数的形式传递,能更好的映射到每个单独的参数
student(...name);//学生名字有:bvcx,asdf,qwer,vcx
以前 我们用 student.apply(null,name);//学生名字有:bvcx,asdf,qwer,vcx
9、for of值遍历。不同于for in,每次循环它提供的不是序号而是值。
var arr=['L','C'.'W','V'];
for(v of arr){
alert(v);//输出 L,C,W,V
}
10、模块。JavaScript原生支持module了,这种可以将js代码分割成不同功能的小块进行模块化。(不是很熟悉。毕竟接触太少,等研究清楚在来细细谈论)
ES6新加了很多功能就不在一一说出来了,总结:感觉前端知识越来越靠近后端了,看来需要加把劲了。。。。
接触到得到新语言里面涉及到很多关于ECMscript相关知识,所以还是来总结一下吧的更多相关文章
- C# 3.0新语言特性和改进(一)
引言 关于C#3.0的特性,园子里已经有了一大把,可能大家都很熟悉了,虽然本人开发中使用过,但自己还是需要记录一下,总结一下.同时也是后面写Linq知识的基础.希望有兴趣的朋友,可以看看. C# 3. ...
- 现代的新语言--Swift初探
新的语言 WWDC简短的介绍,新的语言Swift就问世了,尽管新语言的名字导致贴吧下歌手粉丝和开发人员们争抢地盘- -,只是雨燕就是这么来了. WWDC keynote里给Swift打上了非常多标签: ...
- Swift 新语言开发
全书文件夹: 一.Welcome to Swift 二.Language Guide 三.Language Reference /* 译者的废话: 几个小时前熬夜看了WWDC,各种激动,今年非常有料啊 ...
- Kotlin新语言简介和快速入门知识点
Kotlin新语言简介和快速入门知识点 简介:Kotlin是最近由JetBrains发布的一种基于JVM的编程语言,已经被Google宣布为开发Android App的一级语言Kotlin有着与Jav ...
- python的第一个程序“Hello,World”,传闻要想学好新语言....
传闻要想学好新语言,第一个程序必须是“Hello,World”...O(∩_∩)O哈哈~ 下面附上代码: # -*- coding:utf-8 -*- print("Hello,World& ...
- Java8新语言特性
Java8简明指南 欢迎来到Java8简明指南.本教程将一步一步指导你通过所有新语言特性.由短而简单的代码示例,带你了解如何使用默认接口方法,lambda表达式,方法引用和可重复注解.本文的最后你会熟 ...
- LINQ体验(2)——C# 3.0新语言特性和改进(上篇)
整体来说.Visual Studio 2008和.NET 3.5是建立在.NET2.0核心的基础之上,.NET2.0核心本身将不再变化(假设不了解.NET2.0的朋友,请參看MSDN或者一些经典的书籍 ...
- 给本体ONT技术社区的第一封公开信-涉及到不少区块链技术知识
给本体ONT技术社区的第一封公开信-涉及到不少区块链技术知识 共识是区块链的核心机制,在一系列的区块链的发展历史当中,PoW/PoS/BFT等系列的共识算法都在各自的应用场景发挥了不同作用.在本体的第 ...
- Web客户端语言HTML、XHTML和XML相关知识介绍
HTML简介 HTML(Hyper Text Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言.HTML文本是由HTM ...
随机推荐
- BroadCast Receiver的使用
定义 广播接收器分为标准广播和有序广播,标准广播是异步执行的广播,有序广播是同步执行的,同一时刻只有一个广播接收器会收到广播,执行结束后,广播才会继续传递. 静态注册 在Androidmanifest ...
- Java深度历险(五)——Java泛型
作者 成富 发布于 2011年3月3日 | 注意:QCon全球软件开发大会(北京)2016年4月21-23日,了解更多详情!17 讨论 分享到:微博微信FacebookTwitter有道云笔记邮件 ...
- memset函数详解
语言中memset函数详解(2011-11-16 21:11:02)转载▼标签: 杂谈 分类: 工具相关 功 能: 将s所指向的某一块内存中的每个字节的内容全部设置为ch指定的ASCII值, 块的大 ...
- jquery点击获取子元素ID值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 作业七:团队项目——Alpha版本冲刺阶段010
今日安排:组内成员讨论 今日进程:组内成员讨论结束,并有明确的解决办法,每个人准备实践
- VS.net中快捷键收缩和展开代码段 (转)
i. Ctrl-M-O 折叠所有方法 ii. Ctrl-M-P 展开所有方法并停止大纲显示(不可以再折叠了) iii. Ctrl-M-M 折叠或展开当前方法 iv. Ctrl-M-L展开所 ...
- 如何在tomcat中如何部署java EE项目
如何在tomcat中如何部署java EE项目 1.直接把项目复制到Tomcat安装目录的webapps目录中,这是最简单的一种Tomcat项目部署的方法,也是初学者最常用的方法.2.在tomcat安 ...
- Myeclipse闪退故障
Myeclipse在编辑代码是出现反复一个异常错误. Index out of bounds,而且窗口关闭后还是出现, 于是在任务管理器里强制关闭MyEclipse. 关闭后启动MyEclipse总是 ...
- JQuery的一些简单操作02
一.遍历 1.向下遍历,children.find children只能向下遍历儿子节点的所有元素,find遍历当前元素下面的所有子节点 2.向上遍历,parent,parents,parentsUn ...
- mac下安装和配置mysql5.7.9
我安装的是5.7.9版本的sql 一开始在网上看到的都是其他版本的安装,弄得自己卸载了好几次 mysql就只有一个dmg主文件,安装这一个就好了. 5.7以后安装的mysql不再使用旧版的默认密码:r ...