在Angular 2中，路由配置是一个重要的概念，它允许定义应用程序中的不同路径和对应的组件。然而，对于使用ES5或ES6的JavaScript开发者来说，官方文档主要集中在TypeScript上，这可能会导致一些困惑。本文将探讨如何在ES5和ES6中进行路由配置，并解释装饰器的正确使用方法。
在Angular 2中，路由配置通常通过装饰器来实现。装饰器是一种特殊类型的声明，它可以被附加到类声明上，以修改类的行为或数据。在TypeScript中，装饰器是通过使用`@`符号和装饰器名称来实现的。但在ES5和ES6中，装饰器的实现方式略有不同。
在ES5或ES6中，RouteConfig装饰器的使用方式与TypeScript略有不同。以下是一个示例，展示了如何在ES5/ES6中定义路由配置：
var MyComponent = ng.router.RouteConfig([
{ path: '/:myParam', component: MyComponent, name: 'MyCmp' },
{ path: '/staticPath', component: ..., name: ...},
{ path: '/*wildCardParam', component: ..., name: ...}
]).Class({
constructor: function() {}
});
在这个例子中，首先定义了一个路由配置数组，其中包含了路径、组件和名称。然后，使用`.Class()`方法来定义组件的构造函数。
如果希望在定义路由配置的同时，还希望添加Component装饰器，可能会遇到一些问题。这是因为在ES5/ES6中，装饰器返回的是一个函数，这个函数可以用来包装组件。以下是如何正确添加Component装饰器的示例：
var Thing = ng.router.RouteConfig(...).Component(...).Class(...);
var Thing = ng.router.RouteConfig(...).Class(...).Component(...);
var Thing = ng.core.Component(...).Class(...).RouteConfig(...);
在上面的代码中，尝试了不同的组合方式，但都会导致错误。正确的方式是：
HelloApp = ng.router.RouteConfig({})(HelloApp);
这里，首先调用`RouteConfig`并传入一个空对象，这会返回一个函数。然后，将这个函数应用到`HelloApp`组件上。
除了RouteConfig之外，Angular 2还提供了其他装饰器，如Component、Directive等。在ES5/ES6中，这些装饰器的使用方式与RouteConfig类似。以下是如何使用这些装饰器的示例：
var HelloApp = ng.core.Class(...);
HelloApp = ng.core.Component(...)(HelloApp);
HelloApp = ng.router.RouteConfig(...)(HelloApp);
HelloApp = ng.core.Directive(...)(HelloApp);