Skip to main content

Javascript vs TypeScript


JavaScript vs TypeScript


Javascript - Client-side programming language to create interactive web pages.  But it has a few disadvantages.

  • As code grows, it becomes difficult to maintain and reuse code
  • It doesn't support Object Orientation, strong type checking and compile-time error checks
  • Can be used for small applications with the minimal code base, but not effective when application code grows.


Typescript - A modern age Javascript development language which can run on node.js or any browser which supports ECMAScript3 or above. 


Features:

  • Superset of Javascript
  • Optionally typed scripting language. Typescript variable with no type will be inferred by Transcript Language Service(TLS) based on its value.
  • Supports Object-oriented programming techniques like classes, interface, inheritance, subclasses etc..
  • Rich IDE available with autocomplete and code navigation features
  • Compilation - Typescript transpiler provides error checking feature. It compiles the code, generates any syntax errors and highlights them before the script is run. It highlights errors at compile time during development whereas Javascript shows errors only during runtime
  • Supports javascript libraries
  • Portable - Can be run on any browser, device or operating systems where javascript can run.
  • DOM Manipulation


Cons - 

  • Takes more time to compile code
  • A compilation step is required to run Typescript code in the browser




Labels

Labels:

Comments

Post a Comment

Popular posts from this blog

How to clear Visual Studio Cache

How to clear visual studio cache Many times, during development you would face situations where project references are not loaded properly or you get missing/error DLL's. This is because the Component cache gets corrupted randomly and without any warnings. The first option that needs to be done is to clear component cache and restart Visual Studio since the Cache might be holding onto previous DLL versions. Here are the steps on how to clear Visual Studio Cache, Clearing Component Cache: Close all Visual Studio Instances running in your machine. Also, make sure devenv.exe is not running in the Task Manager Delete the Component cache directory - %USERPROFILE%\AppData\Local\Microsoft\VisualStudio\1x.0\ComponentModelCache Restart Visual Studio The above steps should fix the cache issue most of the times, but some times that is not enough and you need to perform the below steps as well. Clearing User's Temp Folder: Open the temp folder in this locatio n -  %USERPROFILE%\AppData\Loc...
233 comments
Read more

How to dependency inject to static class

.Net core supports dependency injection. There are many ways that you can inject services like constructor injection, action method injection, property injection. But there will be scenarios where you need to inject dependency services to static classes. For example, injecting services to extension methods. First, create a static class with a one property IServiceProvider type public void ConfigureServices(IServiceCollection services) { services.AddScoped<ILoggerEntry, LoggerEntry>(); services.AddTransient<IMongoRepository, MongoRepository>(); } Second, configure your services in ConfigureServices() method in Startup.cs and define the lifetime of the service instance using either Transient, Scoped or Singleton types. public void ConfigureServices(IServiceCollection services) { services.AddScoped<ILoggerEntry, LoggerEntry>(); services.AddTransient<IMongoRepository, MongoRepository>(); } For the next step to configure the Static class provider proper...
1 comment
Read more

Error NU1605 - Detected package downgrade. Reference the package directly from the project to select a different version.

Error NU1605 - Detected package downgrade This error occurs when a dependency package has a version higher than an existing package version in the project solution. Solution: Add the following in .csproj file < PackageReference > < NoWarn >$( NoWarn ); NU1605 </ NoWarn > </ PackageReference > Another way to do this is to right-click on the solution and  click  Properties . Click  Build  and under  Errors and warnings  add 1605 to the  SuppressWarnings  text box. You can also add multiple error codes that you want to suppress by adding each separated by a comma. P.S. The below screenshot is in VS2019 Mac Version
Post a Comment
Read more