学习ES6

canger 发布于2019-08-23 11:37 / 1872人阅读

摘要：第二章学习函数的参数和扩展点为键上面那个参数箭头函数数组合并解构使用解决回调地狱问题，使结构更加清晰。概念是在推广过程中对模块定义的规范化产出。通过引入依赖规范服务端使用的规范。带名字的输出默认输出概念上面有讲注意事项，需掌握的东西

(第二章)学习ES6 函数的Rest参数和扩展

//ES5
function sum(x,y,z){
    let total = 0;
    if(x)total+=x;
    if(y)total+=y;
    if(z)total+=z;
    //`点为tab键上面那个
    console.log(`tatal:${total}`);
};
sum(3,4,6);

//ES6 rest参数
function sum2(...m){
    let total = 0;
    for(i of m){
        total+=i;
    };
    console.log(total)
};
sum2(2,4,6);


//ES6 箭头函数
let = sum3 = (...m)=>{
    let total = 0;
    for(i of m){
        total+=i;
    };
    console.log(total)
};
sum3(1,3,5,7)；

//数组合并(解构)
//ES5
let arr1 = [1,3],arr2 = [5,7];
console.log("concat:"+arr1.concat(arr2));
//ES6
console.log(...arr1,...arr2);

Promise使用

//解决回调地狱问题，使结构更加清晰。
let checkLogin = ()=>{
    return new Promise((resolve,reject)=>{
        let flag = document.cookie.indexOf("userId")>-1?true:false;
        if(flag = true){
            resolve({
                status:0,
                result:true
            })
        }else{
            reject("error")
        };
    });
};
checkLogin().then((res)=>{
    if(res.status == 0){
        console.log("login success");
    }
}).catch((err)=>{
    console.log(`error:${err}`);
});

//多个请求
Promise.all([checkLogin(),getTest()]).then(([res1,res2]))=>{
    console.log(res1.result,res2.result);
}

module.exports和ES6 import/export的使用

//导出出有名字的  引用就需要加{};
import {sum} from "./util";
//使用
console.log(sum(1,2));
export let = sum = (x,y){
    return x+y;
};
//另一只方式也可以这样引用
import * as util from "./util";
//使用
console.log(util.sum(1,2));

AMD/CMD.commonJs和E6对比




- AMD概念：是RequireJs在推广过程中的模板定义的规范化产出。

    define(["package/lib],function(lib){
        finction foo(){
            lib.log("hello word!");
        };
        return {
            foo:foo
        }
    });
    
    cmd概念：是SeaJs在推广过程中对模块定义的规范化产出。
    define(function(require,exports,module){
        //通过 require 引入依赖
        var $ = require("jquery");
    })
    
    commonJs规范 - module.exports(nodejs服务端使用的规范)。
    //带名字的输出
    exports.area = function(r){
        return Math.PI*r*r;
    };
    //默认输出
    module.export= {};
    
    ES6概念：export/import(上面有讲注意事项，需掌握的东西)

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97224.html

ES6-7

摘要：的翻译文档由的维护很多人说，阮老师已经有一本关于的书了入门，觉得看看这本书就足够了。前端的异步解决方案之和异步编程模式在前端开发过程中，显得越来越重要。为了让编程更美好，我们就需要引入来降低异步编程的复杂性。 JavaScript Promise 迷你书（中文版）超详细介绍promise的gitbook，看完再不会promise...... 本书的目的是以目前还在制定中的ECMASc...

mudiyouyou 2019-08-21 18:40 评论0 收藏0
学习ES6

摘要：学习定稿有两年多的时间了，断断续续通过一些博客，书籍也学到了很多知识。将各个部分的知识整理成一篇篇博文，以便于自己系统掌握和复习。整个系列主要参考了的深入理解，可以看作是对这本书的一个学习总结，也向大家强烈推荐这本书作为的学习书籍。学习es6 es6定稿有两年多的时间了，断断续续通过一些博客，书籍也学到了很多es6知识。可以说，es6给js语言带来了非常大的改进，引进了很多好用的特性...

wpw 2019-08-26 11:45 评论0 收藏0
[ ES6 ] 一. ECMAScript 6 相关学习资源

摘要：浏览器兼容性列表可以看到还是全线飘红的和支持特新列表据此在和上使用这些新特新待补充二相关教程最重要的产品规格书，什么教程也脱离不了这里的标准，英文好的还是多看点。一. ES6新特性相关 es6features : 经典的ES6新特性预览，github 逼近 10k star . ES6新特性概览：同样也很全面的特性介绍的中文版。浏览器兼容性列表：可以看到还是全线飘红的~~~ ...

Towers 2019-08-21 10:40 评论0 收藏0
ES6学习摘要（01）（新人学习）

摘要：入门一前言由于最近本人在学习，做一些笔记能够更好的熟悉，就趁此机会来写一篇关于的新人学习摘要吧。的作用域与命令相同只在声明所在的块级作用域内有效。块级作用域新增方式和实际上为新增了块级作用域。同时，函数声明还会提升到所在的块级作用域的头部。 ECMAScript6/ES6 入门一、前言由于最近本人在学习ES6，做一些笔记能够更好的熟悉，就趁此机会来写一篇关于ES6的新人学习摘要吧。...

dmlllll 2019-08-21 17:59 评论0 收藏0
前端基础进阶（十五）：详解 ES6 Modules

摘要：下载地址安装一个好用的命令行工具在环境下，系统默认的非常难用，所以我个人比较推荐大家使用或者。下载地址安装在命令行工具中使用查看版本的方式确保与都安装好之后，我们就可以安装了。前端基础进阶系列目录 showImg(https://segmentfault.com/img/remote/1460000009654403?w=1240&h=272); 对于新人朋友来说，想要自己去搞定一个E...

Lowky 2019-08-21 18:31 评论0 收藏0
ES6学习总结（一）

摘要：可以通过调用方法将创建一个新的类型的值，这个值独一无二，不与任何值相等。还可以使可扩展，在中，表达式被标准化为构造函数的一个方法，这意味着它是可扩展的。前端发展的太快了，快到ES6,ES7出来之后，今年已经是ES8了，但是纵然前端发展很快，我们除了马不停蹄的学习新的技术之外，也要沉下心来，好好的潜心磨砺自己，本文是整理了自己学习ES6之后相关的知识要点，寄希望于书之于笔，一来自己可以...

_ipo 2019-08-21 11:54 评论0 收藏0