一、变量

原有变量:

var的缺点:

  • 1.可以重复声明
  • 2.无法限制修改
  • 3.没有块级作用域

新增变量:

let :不能重复声明,变量-可以修改,块级作用域

const:不能重复声明,变量-不可以修改,块级作用域

二、箭头函数

原函数:

var func = function(args){

  alert(“abc”);

};

现箭头函数:

var func = (args)=> {

  alert(“abc”);

};

简写规则:

()——只有一个参数

{ } ——只有一个return

所以上述函数还可以写为:

var func = args => alert(“abc”);

三、函数的参数

function(a,b,...args)

...args 可以 替代所有想写的不想写的参数

四、解构赋值

1.左右两边结构必须一样

2.右边必须定义

3.声明和赋值不能分开(必须在一句话里完成)

let [a,b,c] = [12,5,8];

let {a,b,c} = {a: 12, b: 5, c: 8};

五、数组新操作

map             映射

reduce         汇总

filter             过滤器

forEach       循环(迭代)

六、字符串

1.新方法

  • startsWith
  • endsWith

2.字符串模板

  • 直接可以把元素嵌套在字符串里   $(元素)
  • 可以折行

七、json

1.json对象

  • JSON.stringify
  • JSON.parse

2.简写

json = {

  url : url,

  show : function(){ }

}

简写为:

json = {

  url,

  show(){ }

}

json标准写法:只能用双引号;属性必须用双引号包起来

八、promise

有了promise之后的异步:

Promise.all([$.ajax(), $.ajax()]).then(results=>{

  //success

}, err=>{

  //error

});

九、generator

可以暂停函数的函数

//创建generator函数

function *func() {

  //do sth A

  yield;

  //do sth B

}

//调用

let genObj = func();

genObg.next(); //do A

genObg.next(); //do B

 yield :可以传参,也可以返回

异步操作:

1.回调

2.promise

3.generator(runner.js)

runner( function *() {

  let data1 = yield $.ajax({url: xxx, dataType : 'json'});

  let data2 = yield $.ajax({url: xxx, dataType : 'json'});

  let data3 = yield $.ajax({url: xxx, dataType : 'json'});

});

Promise——适合做没有逻辑的异步

generator——适合做逻辑性异步

ES6的新知识点的更多相关文章

  1. es6的一些知识点

    es6的一些知识点 前言:es6(ECMAscript2015)标准 let.const.var的一些区别 let.const 块级作用域.全局作用域.函数作用域 var 全局作用域.函数作用域 变量 ...

  2. 看es6 字符串新方法有感

    'x'.repeat(3) // "xxx" 'hello'.repeat(2) // "hellohello" 'na'.repeat(0) // " ...

  3. ES6常用新特性

    https://segmentfault.com/a/1190000011976770?share_user=1030000010776722 该文章为转载文章!仅个人喜好收藏文章! 1.前言 前几天 ...

  4. 漫谈数组去重复方法(亮点是ES6的新API)

    方法1: 利用遍历的思想来进行. <!DOCTYPE html><html lang="en"><head> <meta charset= ...

  5. ES6的新方法实现数组去重

    ES6里新添加了两个很好用的东西,set和Array.from. set是一种新的数据结构,它可以接收一个数组或者是类数组对象,自动去重其中的重复项目. 在这我们可以看见,重复的项目已经被去掉了,包括 ...

  6. JavaScript ES6 数组新方法 学习随笔

    JavaScript ES6 数组新方法 学习随笔 新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数 有返回true var ...

  7. ES6/ES2015常用知识点和概念

    越来越多的开源库开始使用ES2015来构建代码了,大家知道ES6=ES2015,ES6在2015年被ECMAScript标准化组织approve,各大浏览器厂商要完全支持ES6的强大功能还须一些时日, ...

  8. 有关于canvas几个新知识点

    对于canvas的初学者来说,以下几点应该是不知道的知识点: 1.canvas有兼容IE6/7/8的脚本文件 下载地址:https://github.com/arv/explorercanvas 2. ...

  9. ES6:JavaScript 新特性

    我相信,在ECMAScript.next到来的时候,我们现在每天都在写的JavaScript代码将会发生巨大的变化.接下来的一年将会是令JavaScript开发者们兴奋的一年,越来越多的特性提案将被最 ...

随机推荐

  1. scala中的数组的转换操作

    1.共有两种操作 转换成一种新的数组 2.yield转换 3.函数式编程转换

  2. NSIS 让程序以管理权限运行

    用NSIS向导,制作安装包,会生成NSI扩展的脚本文件,按F9,即可以生成安装文件. 如果要以管理员权限运行,直接在nsi脚本中,添加RequestExecutionLevel admin Name ...

  3. Bootstrap-17

    导入JavaScript插件: 一次性导入:Bootstrap提供了一个单一的文件,这个文件包含了Bootstrap的所有JavaScript插件,即bootstrap.js <!—导入jQue ...

  4. Yii常用路径说明

    原作者地址:http://www.kuitao8.com/20140520/2483.shtml //framework路径 Yii::getFrameworkPath(); //protected/ ...

  5. js解决快速回车重复订单提交(客户端方式)

    Html代码: <form action="order_add_data.php" method="post" name="order_adds ...

  6. 【SQL】MySQL学习笔记1-----子查询

    1.什么叫子查询? 通俗的讲就是查询中有查询,SQL语句中有多个select语句. 2.什么地方可以嵌入子查询? SELECT 列 (不在标准之内) FROM 表 (可以嵌入,作为表存在) WHERE ...

  7. 深入理解Java Proxy机制(转)

    动态代理其实就是java.lang.reflect.Proxy类动态的根据您指定的所有接口生成一个class byte,该class会继承Proxy类,并实现所有你指定的接口(您在参数中传入的接口数组 ...

  8. RFC-RTSP

    Network Working Group H. Schulzrinne Request for Comments: 2326 Columbia U. Category: Standards Trac ...

  9. Java06-java基础语法(五)数组

    Java06-java基础语法(五)数组 一.循环的嵌套 在一个循环体内部再含有一个或多个循环 强调:内循环全部做完以后再去执行下一次的外循环 int k = 0; for(int i = 0; i& ...

  10. Vue.Js加入bootstrap及jquery,或加入其他插件vue-resource,vuex等

    .引入jquery 项目目录下输入 cnpm install jquery --save-dev      用npm下载jq依赖 若想加入其他js库,如vue-resource,执行命令cnpm in ...