了解一下JavaScript的未来——ECMAScript5

Posted 双眸

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了了解一下JavaScript的未来——ECMAScript5相关的知识,希望对你有一定的参考价值。

神马是EcmaScript5

首先得先搞清楚ECMAScript是神马,我们知道javascript或者说LiveScript最开始是Netscape搞出来的,后来微软也跟进搞出了Jscript,ScriptEase也有自己的CENvi,这样就有了三个版本的浏览器Script各行其是,大家懂这个混乱的,于是乎标准化的问题被提上议事日程。1997年以JavaScript1.1为蓝本的建议被提交到欧洲计算机制造商协会( E uropean C omputer M anufacturers A ssociation),最后大家载歌载舞搞出了ECMA-262——一种名为ECMAScript的新脚本语言标准。第二年,ISO/IEC(国际标准化组织和国际电工委员会)也采用ECMAScript作为标准,此后天下太平,各大浏览器厂商以ECMAScript作为各自实现JavaScript的基础,当然只是基础,没完全按照来,否则我们也不会有那么多浏览器兼容性问题。

那么ECMAScript5是什么呢?顾名思义跟iPhone5一样是这个奇怪东东的第五个版本,我们现在常用的时ECMAScript3,相比前两个版本这个版本算是一门正真的编程语言而不是玩具了,变得很流行。
为什么没有ECMAScript4就开始有ECMAScript5了呢?实际上4也是有的,不过这个版本几乎颠覆了之前版本,没有浏览器厂商跟进,基本就废弃了,而ECMAScript5只是在3.1的基础上做了一定的拓展,而且各大浏览器厂商响应积极,所以称得上是JavaScript的未来。

ECMAScript与JavaScript有神马关系

虽然我们经常拿着两个东东都表达相同的含义,但正如刚才提到,JavaScript是各大浏览器厂商基于ECMAScript的实现,也就是说ECMAScript是标准,而JavaScript是真正的语言。
其实看看 ECMAScript文档 可以发现ECMAScript和web浏览器没有依赖关系,并不包含输入和输出的定义,也没有DOM啊、BOM啊神马的,它主要包括
而基于此的JavaScript致力于用户和浏览器交互,所以在ECMAScript基础上拓展了很多内容,主要包括

  1. 文档对象模型(DOM)
  2. 浏览器对象模型(BOM)
    这样JavaScript以浏览器为宿主,进行浏览器与用户的交互,使网页具有动态性。ECMAScript和JavaScript关系是这样的(ECMAScript出来一小块儿是因为很多JavaScript并没有完全实现标准)
    技术分享图片

严格模式

ECMAScript5 认可有些用户希望限制使用语言中某些功能的可能性,不让JavaScript容错性那么高,对代码严格一些,他们这样做可能是为了安全考虑,避免他们认为是容易出错的功能,获得增强的错误检查,或其他原因。

为此ECMAScript引入“严格模式”概念,在JavaScript文件顶部或者方法上面添加字符串”use strict”就可以启用严格模式,因为这就是一个字符串,所以老式浏览器会直接忽略,不会造成兼容性困扰。

var o = Object.create({}, { ‘sex‘:{
            value: ‘male‘,
            writable: false,
            enumerable: false,
            configurable: false
           }
          });
          o.sex = ‘female‘;
          console.log(o.sex);//male

虽然我们把sex的configurable设成了false,也就是不能修改sex的值,但是我们在代码中试图修改也没什么事儿,只是sex不会改变而已,但是如果我们使用严格模式

‘use strict‘
        var o = Object.create({}, { ‘sex‘: {
            value: ‘male‘,
            writable: false,
            enumerable: false,
            configurable: false
        }
        });
        o.sex = ‘female‘; //Uncaught TypeError: Cannot assign to read only property ‘sex‘ of #<Object> 
        console.log(o.sex);

在赋值的时候程序会直接报错,终止执行,关于在严格模式下哪些操作做不得可以看看 MSDN上关于严格模式的讲解

浏览器支持

目前主流的浏览器都对ECMAScript支持

  • Opera 11.60 +
  • Internet Explorer 9+(IE9不支持严格模式,IE10支持)
  • Firefox 4 +
  • Safari 5.1+(不支持Function.prototype.bind)
  • Chrome 13+

详细支持情况可以看看 ECMAScript 5 compatibility table

新特性

ECMAScript5 Object的新属性方法

ECMAScript5 Array新增方法

ECMAScript5的其它新特性

querySelector和querySelectorAll






以上是关于了解一下JavaScript的未来——ECMAScript5的主要内容,如果未能解决你的问题,请参考以下文章

ES6技术

8.0 BOM对象

JavaScript

Javascript Symbol 隐匿的未来之星

万字Spring Cloud Gateway2.0,面向未来的技术,了解一下?

万字 讲解Spring Cloud Gateway 2.0,面向未来的技术,了解一下?