网站建设、公众号开发、微网站、微商城、小程序就找牛创网络 !

7*24小时服务专线： 152-150-65-006 023-68263070 扫描二维码加我微信 在线QQ

前端开发技术团结互助，让我们共同进步！

当前位置：主页 > 技术资讯 > 开发技术 > 前端开发技术 >

我们的优势： 10年相关行业经验，专业设计师量身定制 设计师一对一服务模式，上百家客户案例！ 企业保证，正规流程，正规合作 7*24小时在线服务，售后无忧

开课吧前端开发培训教程-es6 11-8 课程笔记整理

文章来源：荣昌网站建设 发布时间：2019-06-08 18:55:00 围观次数：
分享到:

摘要：前端开发教程笔记整理，es6 变量、箭头、参数、map、reduce、filter、forEach

ES6：

变量、箭头、参数、map、reduce、filter、forEach


Promise.all([p, p2, p3, ...]).then()

generator


------------------------------------------------------------------------------


generator——特殊的函数


普通函数——一直执行到头      飞机

generator——中间可以暂停    出租车


yield：

1.传参

2.返回值


------------------------------------------------------------------------------


function *show(){

  xxxx

  xxx


  let data1=yield $.ajax('a.txt');


  xxxx

  xxx

  xxx


  let data2=yield $.ajax('b.txt');


  xxxx

  xxxx

}


------------------------------------------------------------------------------


runner(function *(){

  let data1=$.ajax();


  if(xxx){

    let data1=$.ajax();

    let data1=$.ajax();

    let data1=$.ajax();

    let data1=$.ajax();

  }else{

    let data1=$.ajax();

    let data1=$.ajax();

    let data1=$.ajax();

  }

});


$.ajax({

  success(){

    if(xxx){

      $.ajax({

        success(){

          $.ajax({

            success(){

              $.ajax({

                success(){


                }

              })

            }

          })

        }

    }else{

      $.ajax({

        success(){

          $.ajax({

            success(){

              $.ajax({

                success(){


                }

              })

            }

          })

        }

    }

    })

  }

})


------------------------------------------------------------------------------


async/await


------------------------------------------------------------------------------


Promise本质：等待异步操作结束

generator本质：无感处理异步操作

async本质：官方runner


------------------------------------------------------------------------------


runner(function *(){

  xxx


  let 结果1=yield 异步操作1;


  xxx


  let 结果2=yield 异步操作2;


  xxx

});


(async ()=>{

  xxx


  let 结果1=await 异步操作1;


  xxx


  let 结果2=await 异步操作2;


  xxx

})();


------------------------------------------------------------------------------


模块=>元件=>组件


------------------------------------------------------------------------------


1.民间的——sea.js、require.js

  CMD、AMD

2.nodejs模块化

3.ES6模块化


------------------------------------------------------------------------------


模块：

1.定义

2.调用


------------------------------------------------------------------------------


sea——按需引用、解决依赖


------------------------------------------------------------------------------


//1.定义模块    mod1.js

define(function (require, exports, module){

  exports.a=12;

  exports.b=5;

});


//2.引用模块    1.html

seajs.use(['xxx.js', 'xxx.js', ...], function (mod1, mod2, ...){


});


------------------------------------------------------------------------------


let a=12;

let b=5;


//1.key和value一样，简写

let json={a, b};


//2.函数

{

  show: function (){

    ...

  },

  show2: function (){

    ...

  }

}


{

  show(){

    ...

  },

  show2(){

    ...

  }

}


------------------------------------------------------------------------------


html->js      use

js->js        require


------------------------------------------------------------------------------


node的模块化：

1.没有define

2.exports、require、module

3.引用自定义模块

  放到node_modules里

  前面加./


------------------------------------------------------------------------------


1.创建包信息


------------------------------------------------------------------------------


ES6模块化：

import

export



https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export


------------------------------------------------------------------------------


ES6——babel

WebPack


------------------------------------------------------------------------------


Node：

输出

exports.xx=xxx;

module.exports={x, x, x};


引入

let mod=require('./aaa.js');



ES6：

输出

export {x, x, x};


引入

import mod from "./xxx.js"


------------------------------------------------------------------------------


babel——ES6

1.安装babel-cli

  //cli=>command line interface

  npm i -g babel-cli


2.


本文由 荣昌网站建设 整理发布,转载请保留出处，内容部分来自于互联网，如有侵权请联系我们删除。

相关热词搜索：开课吧 前端开发 前端培训 荣昌网站建设

上一篇：开课吧全栈阶段课程EC6 11-6教程笔记整理
下一篇：关于百度编辑器ueditor保存后图片浮动失效的问题

延伸阅读：

热门资讯


  • 高端定制，专业设计

  • 7*24小时保证数据安全

  • 跨平台，多终端，全网优化，提升排名

  • 一站式服务模式，售后无优

关于我们

重庆牛创网络科技有限责任公司是一群技术强大、思维活跃、拥有创新精神的年轻人创立，公司致力于为企业提供全面、周到、专业的互联网解决方案，提供网站建设、网络推广、网络安全审计、wifi营销认证、网站运营维护、域名注册、虚拟主机、企业邮局、企业形象设计等多种信息产品和服务。

联系我们

公司电话： 023—68263070
办公地址：重庆市北碚区金华路399号
邮箱：120481297@qq.com
技术咨询：15215065006

“互联网+”方案

Copyright 2003-2019 www.023niu.com All Rights Reserved. 本站程序界面、源代码受相关法律保护，未经授权，严禁使用 |重庆牛创网络科技有限公司 | 网站地图

备案图标 渝ICP备19004889号-1 渝公网安备 50010902000896号

行业安全认证 行业安全认证 行业安全认证

鼠标向下滚动