EMCAScript6(ES6)是最新的Javascript,它包含了一些很棒的新特性。这些特性拥有不同程度的复杂性,对于简单的脚本和复杂的应用程序都非常的有用。\x0d\x0a\x0d\x0a增加的新特性:\x0d\x0a\x0d\x0a1.箭头操作符\x0d\x0a 如果你会C#或者Java,你肯定知道lambda表达式,ES6中新增的箭头操作符=便有异曲同工之妙。它简化了函数的书写。操作符左边为输入的参数,而右边则是进行的操作以及返回的值Inputs=outputs。\x0d\x0a 我们知道在JS中回调是经常的事,而一般回调又以匿名函数的形式出现,每次都需要写一个function,甚是繁琐。当引入箭头操作符后可以方便地写回调了。\x0d\x0a\x0d\x0a2.类的支持\x0d\x0a ES6中添加了对类的支持,引入了class关键字(其实class在JavaScript中一直是保留字,目的就是考虑到可能在以后的新版本中会用到,现在终于派上用场了)。JS本身就是面向对象的,ES6中提供的类实际上只是JS原型模式的包装。现在提供原生的class支持后,对象的创建,继承更加直观了,并且父类方法的调用,实例化,静态方法和构造函数等概念都更加形象化。\x0d\x0a\x0d\x0a3.增强的对象字面量\x0d\x0a 对象字面量被增强了,写法更加简洁与灵活,同时在定义对象的时候能够做的事情更多了。具体表现在:\x0d\x0a(1).可以在对象字面量里面定义原型\x0d\x0a(2).定义方法可以不用function关键字\x0d\x0a(3).直接调用父类方法\x0d\x0a\x0d\x0a4.字符串模板\x0d\x0a 字符串模板相对简单易懂些。ES6中允许使用反引号 ` 来创建字符串,此种方法创建的字符串里面可以包含由美元符号加花括号包裹的变量${vraible}。如果你使用过像C#等后端强类型语言的话,对此功能应该不会陌生。\x0d\x0a\x0d\x0a5.解构\x0d\x0a 自动解析数组或对象中的值。比如若一个函数要返回多个值,常规的做法是返回一个对象,将每个值做为这个对象的属性返回。但在ES6中,利用解构这一特性,可以直接返回一个数组,然后数组中的值会自动被解析到对应接收该值的变量中。\x0d\x0a\x0d\x0a6.参数默认值,不定参数,拓展参数\x0d\x0a(1).默认参数值\x0d\x0a 现在可以在定义函数的时候指定参数的默认值了,而不用像以前那样通过逻辑或操作符来达到目的了。\x0d\x0a(2).不定参数\x0d\x0a 不定参数是在函数中使用命名参数同时接收不定数量的未命名参数。这只是一种语法糖,在以前的JavaScript代码中我们可以通过arguments变量来达到这一目的。不定参数的格式是三个句点后跟代表所有不定参数的变量名。比如下面这个例子中,?x代表了所有传入add函数的参数.\x0d\x0a(3).拓展参数\x0d\x0a 拓展参数则是另一种形式的语法糖,它允许传递数组或者类数组直接做为函数的参数而不用通过apply。\x0d\x0a\x0d\x0a6.let与const 关键字\x0d\x0a 可以把let看成var,只是它定义的变量被限定在了特定范围内才能使用,而离开这个范围则无效。const则很直观,用来定义常量,即无法被更改值的变量。\x0d\x0a\x0d\x0a7.for of 值遍历\x0d\x0a 我们都知道for in 循环用于遍历数组,类数组或对象,ES6中新引入的for of循环功能相似,不同的是每次循环它提供的不是序号而是值。\x0d\x0a8.模块\x0d\x0a 在ES6标准中,JavaScript原生支持module了。这种将JS代码分割成不同功能的小块进行模块化的概念是在一些三方规范中流行起来的,比如CommonJS和AMD模式。\x0d\x0a\x0d\x0a9.Map,Set 和 WeakMap,WeakSet\x0d\x0a 这些是新加的集合类型,提供了更加方便的获取属性值的方法,不用像以前一样用hasOwnProperty来检查某个属性是属于原型链上的呢还是当前对象的。同时,在进行属性值添加与获取时有专门的get,set方法。\x0d\x0a\x0d\x0a10.Proxies\x0d\x0a Proxy可以监听对象身上发生了什么事情,并在这些事情发生后执行一些相应的操作。一下子让我们对一个对象有了很强的追踪能力,同时在数据绑定方面也很有用处。\x0d\x0a\x0d\x0a11.Symbols\x0d\x0a 我们知道对象其实是键值对的集合,而键通常来说是字符串。而现在除了字符串外,我们还可以用symbol这种值来做为对象的键。Symbol是一种基本类型,像数字,字符串还有布尔一样,它不是一个对象。Symbol 通过调用symbol函数产生,它接收一个可选的名字参数,该函数返回的symbol是唯一的。之后就可以用这个返回值做为对象的键了。Symbol还可以用来创建私有属性,外部无法直接访问由symbol做为键的属性值。\x0d\x0a\x0d\x0a12.Math,Number,String,Object 的新API\x0d\x0a 对Math,Number,String还有Object等添加了许多新的API。下面代码同样来自es6features,对这些新API进行了简单展示。\x0d\x0a\x0d\x0a13.Promises\x0d\x0a Promises是处理异步操作的一种模式,之前在很多三方库中有实现,比如jQuery的deferred 对象。当你发起一个异步请求,并绑定了.when(), .done()等事件处理程序时,其实就是在应用promise模式。
玉泉网站制作公司哪家好,找创新互联建站!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联建站于2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。
用js的Navigator对象
div id="example"/div
script
txt = "pBrowser CodeName: " + navigator.appCodeName + "/p";
txt+= "pBrowser Name: " + navigator.appName + "/p";
txt+= "pBrowser Version: " + navigator.appVersion + "/p";
txt+= "pCookies Enabled: " + navigator.cookieEnabled + "/p";
txt+= "pPlatform: " + navigator.platform + "/p";
txt+= "pUser-agent header: " + navigator.userAgent + "/p";
txt+= "pUser-agent language: " + navigator.systemLanguage + "/p";
document.getElementById("example").innerHTML=txt;
/script
可以查看浏览器版本信息
来自 navigator 对象的信息具有误导性,不应该被用于检测浏览器版本,这是因为:
1.navigator 数据可被浏览器使用者更改
2.浏览器无法报告晚于浏览器发布的新操作系统
参考 w3school
JavaScript的版本指的是执行JavaScript的运行环境(JS引擎)所遵循的ECMAScript标准.
JavaScript是ECMAScript标准的一种实现,这个标准随着历史在不断演进.
最初的JS版本为1.0; IE6时代典型的为3.1版本; IE9时代(最近几年)主流为5.1标准; 去年新版本6.0(准确名字是ES2015)标准发布,目前较新的浏览器都有部分支持; 下一个版本为7.0,预计明后年颁布.
不同版本增加扩展了不同的特性, 新版本向后兼容旧版本.所以有时候会出现某些代码在新浏览器中正常,旧浏览器中无法执行的问题.
JavaScript有版本的。
html
head
titleJavaScript版本测试/title
/head
body
script language="JavaScript"
//仅支持JavaScript 1.0的浏览器才读该部分
document.write('浏览器支持JavaScript 1.0br');
/script
script language="JavaScript1.1"
//仅支持JavaScript 1.1的浏览器才读该部分
document.write('浏览器支持JavaScript 1.1br');
/script
script language="JavaScript1.2"
//仅支持JavaScript 1.2的浏览器才读该部分
document.write('浏览器支持JavaScript 1.2br');
/script
script language="JavaScript1.3"
//仅支持JavaScript 1.3的浏览器才读该部分
document.write('浏览器支持JavaScript 1.3br');
/script
script language="JavaScript1.4"
//仅支持JavaScript 1.4的浏览器才读该部分
document.write('浏览器支持JavaScript 1.4br');
/script
script language="JavaScript1.5"
//仅支持JavaScript 1.5的浏览器才读该部分
document.write('浏览器支持JavaScript 1.5br');
/script
script language="JavaScript1.6"
//仅支持JavaScript 1.6的浏览器才读该部分
document.write('浏览器支持JavaScript 1.6br');
/script
script language="JavaScript1.7"
//仅支持JavaScript 1.7的浏览器才读该部分
document.write('浏览器支持JavaScript 1.7br');
/script
script language="JavaScript1.8"
//仅支持JavaScript 1.8的浏览器才读该部分
document.write('浏览器支持JavaScript 1.8br');
/script
script language="JavaScript1.9"
//仅支持JavaScript 1.9的浏览器才读该部分
document.write('浏览器支持JavaScript 1.9br');
/script
/body
/html