首页 > 其他分享 >开课吧前端1期.阶段1:初识ES6和ES6兼容性和新特性

开课吧前端1期.阶段1:初识ES6和ES6兼容性和新特性

时间:2023-09-02 11:00:56浏览次数:36  
标签:ES6 兼容性 浏览器 babel 初识 版本 ES

1、 ECMAScript和JavaScript 关系

  • ECMA是标准,JS是实现   
    • 类似于HTML5是标准,IE10,Chrome谷歌,FireFox火狐都是实现
    • 换句话说,将来也可能有其他,XX某某Script来实现 ECMA标准 
  • ECMAScript简称ECMA或ES   
    • 目前也只有JavaScript实现,所以可以理解ECMAScript == JS
  • 目前版本
    • 低级浏览器主要支持ES 3.1
    • 高级浏览器正在从ES 5 过度到 ES 6
  2、历史版本

  •  96年推出了1.0版本,标志着JavaScript已经稳定了,Netscape网景接手了,提交给了ECMA组织,ES出现
  •  ES从正式出来被接受,是从1999.12,  ES 3.0出来
  •  ES3.1 是用的相对比较多的一个版本
  •  2011年ES成为ISO国际标准,沿用了好长时间
  • 比较关键版本,ES5.1是事实上的标准,用的比较多,和3.1版本区别不大。然后ES6.是15年诞生的

 

3、ES6兼容性和新特性

 

    

  • ES6(或称为:2015) 
    • IE低版本肯定不支持,至少 IE10+ 版本以上
    • Chrome, FireFox , 移动端,NodeJS    这些环境基本上都支持
    • 那么如何去支持旧版本的IE 7/8/9
      • 如何去支持旧版本 (可以编译转换,两种办法)
        • 在线转换 【每次都得转换,用户慢】 babe == browser.js 
        • 提前编译
          • 个人推荐提前编译,因为在线转换每次用户打开页面都需要花时间,表现每当打开页面就卡一下

3.1、兼容性体验

   babel == browser.js   这个2个是同一个东西

<!DOCTYPE html>
<html>
  <head>
	<meta charset="utf-8">
	<title></title>
	<script src="browser.js" charset="utf-8"></script>
	<script type="text/babel">
		let a=12;
		let b=5;
		alert(a+b)
	</script>
  </head>
  <body>
 
  </body>
</html>

  上面的HTML代码,在IE9无法使用,使用了let变量,引入了babel 库【browser.js】进行转换,需要指定类型 type="text/babel",直接在线编译,页面花费的时间也比原来长了些【页面滚了下需要时间去编译】。

  • 学习期间建议Chrome谷歌浏览器为主,不推荐babel 转换学习
    • 课程掌握之后,会很具体的如何让ES6用在所有的浏览器上,不管IE,火狐,见没见过的浏览器等。

 

 

4、ES6特性

 ES6到底有什么东西,至于反复的去提到它。

  1. 变量
  2. 函数
  3. 数组
  4. 字符串
  5. 面向对象
  6. Promise  
    1. 很不错的串行化修改方式,异步交互
  7. generator
    1. 将同步操作改成异步操作,generator是对Promise  一种封装
  8. 模块化

 
5、总结

   稍微讲解了ES的历史和兼容性,以及如何在一些低版本里面怎么用(当然没说完,差远了),还有ES6的特性。基本上这节课是一个过度,知道接下来要怎么玩了。

 

标签:ES6,兼容性,浏览器,babel,初识,版本,ES
From: https://www.cnblogs.com/codelives/p/17671393.html

相关文章

  • STL初识
    2STL初识2.1STL的诞生长久以来,软件界一直希望建立一种可重复利用的东西C++的面向对象和泛型编程思想,目的就是复用性的提升大多情况下,数据结构和算法都未能有一套标准,导致被迫从事大量重复工作为了建立数据结构和算法的一套标准,诞生了STL2.2STL基本概念STL(......
  • 初识MQ-异步通讯的优缺点
          ......
  • 初识MQ-同步通讯的优缺点
       ......
  • 初识操作系统
    OS一般指操作系统。操作系统(英语:OperatingSystem,缩写:OS)是一组主管并控制计算机操作、运用和运行硬件、软件资源和提供公共服务来组织用户交互的相互关联的系统软件程序。OS的功能:1、管理应用程序(安装、运行、关闭、卸载)2、为应用程序提供服务(IO、声频/视频输出、网络等)3、资......
  • 06 初识并发问题
    packageThreadDemo;//多个线程同时操作同一个对象,涉及到资源的独享与共享并发什么的//多个线程同时操作同一个对象,可能会出现问题:线程不安全,数据紊乱------>上锁//并发与同步//火车票例子publicclassTest06implementsRunnable{intticketNums=10;@Ov......
  • 初识MySql
    初始MySqljavaEE:企业级java开发web前端(页面:展示,数据!)后台(连接点,链接数据库JDBC,链接前端(控制,控制试图跳转,给前端传数据))数据库(存数据,Txt,Excel,Word)1.只写代码,数据库。基本操作2.操作系统,数据结构与算法!3.离散数学,数学电路,体系结构1.学习数据库原因?岗位需求。大数据时代。......
  • 初识 Monad
    简述学前,MonadsforfunctionalprogrammingCase1,introducesmonadsWebeginwiththebasicevaluatorforsimpleterms,thenconsidervariationsthatmimicexceptions,state,andoutput.......
  • 初识Docker-Docker的安装
                ......
  • C++初识
    1.1注释作用:在代码中加一些说明和解释,方便自己或其他程序员程序员阅读代码两种格式单行注释://描述信息通常放在一行代码的上方,或者一条语句的末尾,对该行代码说明多行注释:/*描述信息*/通常放在一段代码的上方,对该段代码做整体说明提示:编译器在编译代码时,会忽......
  • Cross-Origin Read Blocking (CORB) 网络兼容性和对其他资源的影响问题
    CORB对图像的影响CORB对标签应该没有明显的影响<img>,除非图像资源1)被错误地标记为不正确的、非图像的、受CORB保护的Content-Type和2)与响应标头一起提供X-Content-Type-Options:nosniff。例子:正确标记的HTML文档标签中使用的资源<img>:正文:一个HTML文档Co......