这篇文章是从微软的Web开发系列的一部分。 感谢您支持谁使SitePoint可能的合作伙伴。

由于释放babylon.js ，WebGL的开源游戏框架，几年前，我们（与来自社会的帮助）都在不断探索如何使其更好。 我绝对乐意，我们决定一年多前就切换到打字稿。 欲了解更多关于该决定，读，为什么我们决定从普通的JavaScript移动到打字稿的Babylon.js

由于打字稿，我们已经能够提高我们的代码质量 ， 提高我们的生产力和创造我们的神话般的游乐场我们很自豪： http://www.babylonjs-playground.com/ ，它提供自动完成在浏览器中！ 我们还能够欢迎一些新的团队成员来自一个C＃背景的，很少JS技术具有无痛苦。 但由于打字稿编译器，我们还可以测试未来无需重写的一行代码！

我们仍然编码使用Visual Studio TFS babylon.js，虽然有规则地我们的代码推到GitHub库 。 通过我们的项目升级到Visual Studio的2015年RTM ，我们已经能够将它升级到1.5打字原稿 。

一旦这样做，让我告诉你有多快我已经升级Babylon.js从ES5到ES6。 在你的项目上右键单击，定位到“ 打字稿构建 ”和切换“ 的ECMAScript版本 ”从ES5到ES6：

就是这样！

重新编译解决方案，你可以今天测试ES6的未来。

我已经发表babylonjs.com的ES6版本在这里 ，让你玩它。

微软Edge和ES6

如果你有兴趣在ES6，我建议您观看这个BUILD会议： 什么在JavaScript中的新功能快速可扩展应用程序 。

你会注意到你需要一个非常新的现代的浏览器，如微软的边缘，以便能够执行此演示和代码。 微软边缘和Firefox 41是目前在ES6支持最先进的浏览器。 您可以检查您当前的浏览器ES6支持这里 。

在发起这一微软边缘在Windows 10（构建10240） ，你就会有相应的结果：

ES6的67％功能支持MS边缘和在Firefox 41 68％开箱。 这些结果是令人印象深刻！

不过，如果你要创办的Babylon.js的ES6版本的MS边缘，你会看到在F12的一些错误：

让我们浏览到babylon.math.js检查错误。 我们在这里落下：

“ 类 ”关键字不用于生产尚不支持。 这是因为规范最近已改变，因此所有的浏览器都将是一个标志后面。

要启用它，定位到“ 约：标志 ”在MS Edge和“ 启用实验性JavaScript功能 ”

如果你现在再次运行ES6兼容性工具： http://kangax.github.io/compat-table/es6/ ，你现在看到MS边缘跳跃到ES6的81％功能的支持。 它现在支持类，超及发电机：

要在Firefox或Chrome这个演示作品，你可能需要每晚构建。

上市时间F12用它玩

现在，微软边缘配置正确，定位到： http://www.babylonjs.com/indexES6.html/和开放F12在单独的窗口。 在“ 调试 ”选项卡，打开“babylon.gamepadCamera.js”，并设置代码的“超级”行断点 ：

推出的“ 大厦 ”的演示和相机切换到“ 游戏手柄相机 “：

你会正确地打入代码预期：

按F11跳入扩展类（BABYLON.FreeCamera）：

您目前正在调试ES6代码！ 是不是很酷？ :-)

在“ 调试器 ”选项卡，打开“babylon.virtualJoystick.js”，并设置上的箭头函数内部线78断点：

相机切换到“ 虚拟操纵杆摄像头 “，触摸屏或左点击它，你就可以调试箭头功能：

现在，想象一下你想编辑您的ECMAScript 6的代码 ，以改善你的调试体验。 转到“ 实验 ”选项卡，并启用“ 编辑的JavaScript”选项：

重新启动浏览器。 现在，加入这行代码上一手柄“ let foo = 'test' ’ ”，并再次做前面的动作：

好吧，让我们来回顾一下。 这个演示使用：ECMAScript的6类，超和箭头的功能，WebGL的，网络音频，游戏手柄API和指针事件 。 谢谢Babylon.js，谢谢打字稿及谢谢微软边缘！ ;-)

如果您有兴趣了解我们在做F12其他改进，看看这篇文章： 公布的F12开发工具的最新改进在Windows 10

多动手用JavaScript

这篇文章是由微软技术传道者的web开发一系列实用的JavaScript学习，开源项目，和互操作性的最佳实践，包括一部分微软边缘浏览器和新的EdgeHTML渲染引擎 。

我们鼓励您跨浏览器和设备，包括微软边缘测试-适用于Windows 10的默认浏览器-与免费工具dev.modern.IE ：

• 扫描您的网站外的日期库，布局问题，和无障碍
• 使用虚拟机的Mac，Linux和Windows
• 远程测试微软边缘自己的设备上
• 跨浏览器测试和最佳实践：在GitHub上编码实验室

深入微软边缘，距离我们的工程师和传道者的Web平台技术的学习：

• 微软边缘网络峰会2015年 （期待与新的浏览器，支持新的网络平台标准，并从JavaScript社区演讲嘉宾什么的）
• 哇，我可以在Mac和Linux上测试边及IE浏览器！ （从雷伊邦戈）
• 推进的JavaScript不破坏网络 （基督教海尔曼）
• 边缘渲染引擎，使网页只是工作 （从雅各布·罗西）

http://dev.modern.ie/tools/vms/windows/?utm_source=SitePoint&utm_medium=article50&utm_campaign=SitePoint

• 释放出的3D WebGL的渲染 （从大卫Catuhe包括vorlon.JS和babylonJS项目）
• 托管Web应用程序和网络平台的创新 （从凯文·希尔和基里尔Seksenov包括manifold.JS项目）

更多免费的跨平台工具和资源，为网络平台：

• Visual Studio代码的Linux，MacOS和视窗
• 代码的Node.js和在Azure免费试用

From: https://www.sitepoint.com//experiment-ecmascript-6-babylon-js-typescript-1-5/