Modules helps in writing clean code like seperating modules for dataacces, UI and security. Each modules has a separate role of its own
\nlike httpModule, routing module. Writing Modules in TS would create IIFE(Immediately Invoked Function Expression) in javascript file<\/p>\n
\r\nmodule dataService{\r\n\r\n}\r\n<\/pre>\nSo what is difference between class and module. Both are same except one. Classes are created in Global namespace.
\nHowever module can be either global or local.<\/p>\n
\r\nclass dataService{\r\n\r\n}\r\n<\/pre>\nNow lets wrap class with in module which is nothing more than namespace<\/p>\n
\r\nmodule Shapes{\r\n export class Rectangle{\r\n\r\n } \r\n\r\n export class Square{\r\n\r\n } \r\n\r\n export class Triangle{\r\n\r\n } \r\n}\r\n\r\nvar objShapes:any = new Shapes.Square;\r\n<\/pre>\nSimple Program for Logging Message using Module and Interface<\/strong> <\/p>\n\r\ninterface ILoggerUtils {\r\n print(): void;\r\n}\r\n\r\nvar LogLevel = {\r\n info: 1,\r\n Warn: 2,\r\n Error:3\r\n}\r\n\r\nmodule LogUtils {\r\n export class LoggerAtError implements ILoggerUtils {\r\n \r\n print(): void {\r\n console.log("Log Message during Error");\r\n }\r\n}\r\n\r\nexport class LoggerAtInfo implements ILoggerUtils {\r\n print(): void {\r\n console.log("Log Message during Info");\r\n }\r\n}\r\n\r\nexport class LoggerAtWarn implements ILoggerUtils {\r\n print(): void {\r\n console.log("Log Message during Warn");\r\n }\r\n }\r\n}\r\n\r\nwindow.onload = function () {\r\n var objLoggerUtil: ILoggerUtils;\r\n\r\n var logLevel = LogLevel.info;\r\n\r\n switch (logLevel) {\r\n case LogLevel.info:\r\n objLoggerUtil = new LogUtils.LoggerAtInfo();\r\n break;\r\n case LogLevel.Warn:\r\n objLoggerUtil = new LogUtils.LoggerAtWarn();\r\n break;\r\n case LogLevel.Error:\r\n objLoggerUtil = new LogUtils.LoggerAtError();\r\n break;\r\n }\r\n\r\n objLoggerUtil.print();\r\n}\r\n<\/pre>\nOutput<\/strong><\/p>\n\r\nLog Message during Info\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"Modules helps in writing clean code like seperating modules for dataacces, UI and security. Each modules has a separate role of its own like httpModule, routing module. Writing Modules in TS would create IIFE(Immediately Invoked Function Expression) in javascript file module dataService{ } So what is difference between class and module. Both are same except… Continue reading