码迷,mamicode.com
首页 > 编程语言 > 详细

接触到得到新语言里面涉及到很多关于ECMscript相关知识,所以还是来总结一下吧

时间:2016-09-28 01:44:40      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:

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相关知识,所以还是来总结一下吧

标签:

原文地址:http://www.cnblogs.com/Blog-article/p/5914674.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!