zoukankan      html  css  js  c++  java
  • 从JavaScript发展历史中聊ECMAScript(ES6-ES11) 新功能(站在巨人的肩膀上)

    目录:

    一、JavaScript的诞生

    二、JavaScript与ECMAScript的关系

    三、ES6新特性(2015)

    四、ES7新特性(2016)

    五、ES8新特性(2017)

    六、ES9新特性(2018)

    七、ES10新特性(2019)

    八、ES11新特性(2020)


     一、JavaScript的诞生(1995年5月,Brendan Eich 只用了10天,就设计完成了这种语言的第一版。

    JavaScript 因为互联网而生,紧跟着浏览器的出现而问世。回顾它的历史,就要从浏览器的历史讲起。

    1990年底,欧洲核能研究组织(CERN)科学家 Tim Berners-Lee,在全世界最大的电脑网络——互联网的基础上,发明了万维网(World Wide Web),从此可以在网上浏览网页文件。最早的网页只能在操作系统的终端里浏览,也就是说只能使用命令行操作,网页都是在字符窗口中显示,这当然非常不方便。

    1992年底,美国国家超级电脑应用中心(NCSA)开始开发一个独立的浏览器,叫做 Mosaic。这是人类历史上第一个浏览器,从此网页可以在图形界面的窗口浏览。

    1994年10月,NCSA 的一个主要程序员 Marc Andreessen 联合风险投资家 Jim Clark,成立了 Mosaic 通信公司(Mosaic Communications),不久后改名为 Netscape。这家公司的方向,就是在 Mosaic 的基础上,开发面向普通用户的新一代的浏览器 Netscape Navigator。

    1994年12月,Navigator 发布了1.0版,市场份额一举超过90%。

    Netscape 公司很快发现,Navigator 浏览器需要一种可以嵌入网页的脚本语言,用来控制浏览器行为。当时,网速很慢而且上网费很贵,有些操作不宜在服务器端完成。比如,如果用户忘记填写“用户名”,就点了“发送”按钮,到服务器再发现这一点就有点太晚了,最好能在用户发出数据之前,就告诉用户“请填写用户名”。这就需要在网页中嵌入小程序,让浏览器检查每一栏是否都填写了。

    管理层对这种浏览器脚本语言的设想是:功能不需要太强,语法较为简单,容易学习和部署。那一年,正逢 Sun 公司的 Java 语言问世,市场推广活动非常成功。Netscape 公司决定与 Sun 公司合作,浏览器支持嵌入 Java 小程序(后来称为 Java applet)。但是,浏览器脚本语言是否就选用 Java,则存在争论。后来,还是决定不使用 Java,因为网页小程序不需要 Java 这么“重”的语法。但是,同时也决定脚本语言的语法要接近 Java,并且可以支持 Java 程序。这些设想直接排除了使用现存语言,比如 Perl、Python 和 TCL。

    1995年,Netscape 公司雇佣了程序员 Brendan Eich 开发这种网页脚本语言。Brendan Eich 有很强的函数式编程背景,希望以 Scheme 语言(函数式语言鼻祖 LISP 语言的一种方言)为蓝本,实现这种新语言。

    1995年5月,Brendan Eich 只用了10天,就设计完成了这种语言的第一版。它是一个大杂烩,语法有多个来源。

    • 基本语法:借鉴 C 语言和 Java 语言。
    • 数据结构:借鉴 Java 语言,包括将值分成原始值和对象两大类。
    • 函数的用法:借鉴 Scheme 语言和 Awk 语言,将函数当作第一等公民,并引入闭包。
    • 原型继承模型:借鉴 Self 语言(Smalltalk 的一种变种)。
    • 正则表达式:借鉴 Perl 语言。
    • 字符串和数组处理:借鉴 Python 语言。

    为了保持简单,这种脚本语言缺少一些关键的功能,比如块级作用域、模块、子类型(subtyping)等等,但是可以利用现有功能找出解决办法。这种功能的不足,直接导致了后来 JavaScript 的一个显著特点:对于其他语言,你需要学习语言的各种功能,而对于 JavaScript,你常常需要学习各种解决问题的模式。而且由于来源多样,从一开始就注定,JavaScript 的编程风格是函数式编程和面向对象编程的一种混合体。

    Netscape 公司的这种浏览器脚本语言,最初名字叫做 Mocha,1995年9月改为 LiveScript。12月,Netscape 公司与 Sun 公司(Java 语言的发明者和所有者)达成协议,后者允许将这种语言叫做 JavaScript。这样一来,Netscape 公司可以借助 Java 语言的声势,而 Sun 公司则将自己的影响力扩展到了浏览器。

    之所以起这个名字,并不是因为 JavaScript 本身与 Java 语言有多么深的关系(事实上,两者关系并不深,详见下节),而是因为 Netscape 公司已经决定,使用 Java 语言开发网络应用程序,JavaScript 可以像胶水一样,将各个部分连接起来。当然,后来的历史是 Java 语言的浏览器插件失败了,JavaScript 反而发扬光大。

    1995年12月4日,Netscape 公司与 Sun 公司联合发布了 JavaScript 语言,对外宣传 JavaScript 是 Java 的补充,属于轻量级的 Java,专门用来操作网页

    1996年3月,Navigator 2.0 浏览器正式内置了 JavaScript 脚本语言。


    二、JavaScript与ECMAScript的关系

    要讲清楚这个问题,需要回顾历史。1996年11月,JavaScript 的创造者 Netscape 公司,决定将 JavaScript 提交给国际标准化组织ECMA,希望这种语言能够成为国际标准。次年(1997年),ECMA 发布 262 号标准文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言称为 ECMAScript ,这个版本就是1.0版。

    该标准从一开始就是针对 JavaScript 语言制定的,但是之所以不叫 JavaScript ,有两个原因。一是商标,Java是 Sun 公司的商标,根据授权协议,只有 Netscape 公司可以合法地使用 JavaScript 这个名字,且 JavaScript 本身也已经被 Netscape 公司注册为商标。二是想体现这门语言的制定者是 ECMA ,不是 Netscape ,这样有利于保证这门语言的开放性和中立性。

    因此,ECMAScript 和 JavaScript 的关系是,ECMAScript 是一个简单的 JavaScript 标准规范,JavaScript 是 ECMAScript 的一种实现(另外的 ECMAScript 方言还有 JScript 和 ActionScript )。并且,ECMAScript 持续不断的为 JavaScript 添加新功能。

    1997年7月 ECMAScript 1.0发布到现在,ECMAScript 已经正式发布了 11 版,下面我们主要介绍从ES6(ES2015)到ES11(最新 ES2020 )期间,每版发布的新功能。


    三、ES6新特性(2015)

    目录:

    1、类(class)

    2、模块化(Model)

    导出(export)

    导入(import)

    3、箭头(Arrow)函数

      箭头函数的结构

      卸载监听器时的陷阱

    4、模板字符串

      获取数组中的值

      获取对象中的值

    5、延展操作符(Spread operator)

      语法

      应用场景

      在ECMAScript 2018中延展操作符增加了对对象的支持

      javascript在react中的应用

      一般情况下我们应该这样写

    6、对象属性简写

    7、Promise异步编程优化

    8、支持let与const

    详细文章地址https://www.cnblogs.com/meiyanstar/p/14768198.html


    四、ES7新特性(2016)

    目录:

    1、Array.prototype.includes()

    2、指数操作符

    详细文章地址:https://www.cnblogs.com/meiyanstar/p/14775670.html


     

    五、ES8新特性(2017)

    目录:

    1、async/await

    2、Object.values()

    3、Object.entries()

    4、String.padding

    5、函数参数列表结尾允许句号

    6、Object.getOwnPropertyDescriptors()

    7、SharedArrayBuffer对象

    8、Atomics对象


     

    六、ES9新特性(2018)

    目录:

    1、异步迭代

    2、Promise.finally()

    3、Rest/Spread属性

    4、正则表达式命名捕获组

    5、正则表达式方向断言

    6、正则表达式dotAll模式

    7、正则表达式Unicode转义

    8、非转义序列的模板字符串


     

    七、ES10新特性(2019)

    目录:

    1、行分隔符(U + 2028)和段分隔符(U + 2029)符号现在允许在字符串文字中与JSON匹配

    2、更加友好的JSON.stringfy

    3、新增了Array的‘flat()’ 方法和 ‘flatMap()’ 方法

        Array.prototype.flat()

        Array.prototype.flatMap()

    4、新增了String的‘trimStart()’ 方法和‘trimEnd()’ 方法

    5、‘Object.fromEntries()’

    6、‘Symbol.prototype.description’

    7、‘String.prototype.matchAll’

    matchAll可以更好的用于分组

    8、‘function.prototype.toString()’现在返回精确字符,包括空格和注释

    9、修改‘catch’绑定

    10、新的基本数据类型 ‘BigInt’


     

    八、ES11新特性(2020)

    目录:

    1、Promise.allSettled

        Promise.all缺陷

        Promise.allSettled的优势

    2、可选链

    3、空值合并运算符

    4、dynamic-import

    5、globalThis

    6、BigInt

    7、String.prototype.matchAll


  • 相关阅读:
    DataPager 分页样式(css)
    Mysql日志详解
    Oracle 优化器
    [oracle]对象统计数据
    [oracle] analyze 和dbms_stats 的区别
    增加SAP HEAP大小
    Problems with SYSDBA/SYSOPER/INTERNAL connect
    Physical Standby Switchover_status Showing Not Allowed
    REHL8 oracle 19C RAC安装中的坑
    REHL8 oracle 19C RAC安装四(数据库创建)
  • 原文地址:https://www.cnblogs.com/meiyanstar/p/14768176.html
Copyright © 2011-2022 走看看