Knockout Js Interview Questions

Key Features of Knockout JS

• Dependency Tracking
• Declarative Binding
• MVVM Design Pattern
• Automatic UI Refresh
• Template Binding
• Written in Pure JavaScript
• Compact Size less than 20 kb.
• Support all modern browsers
• Easy to implement

Knockout JS is an open source JavaScript library based on MVVM (Model View ViewModel) pattern that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model.
Knockout JS is small light weighted JavaScript library that is mostly used for designing a SPA (Single Page Application).

A viewModel in Knockout js is a basic class that is created as JavaScript Function.It is declared as a variable that have member variables and methods.

var myViewModel = {
		personName: 'Bob',
		personAge: function(age){
		 return  age+"years old";
		 }
	};

Components are a powerful, clean way of organizing your UI code into self-contained, reusable chunks.They:

• ..can represent individual controls/widgets, or entire sections of your application
• ..contain their own view, and usually (but optionally) their own viewmodel
• ..can either be preloaded, or loaded asynchronously (on demand) via AMD or other module systems
• ..can receive parameters, and optionally write back changes to them or invoke callbacks
• ..can be composed together (nested) or inherited from other components
• ..can easily be packaged for reuse across projects
• ..let you define your own conventions/logic for configuration and loading

Observables: In KnockoutJS observables are special type of JavaScript objects that can notify subscribers about changes, and can automatically detect dependencies. Observables helps KnockoutJS to update your UI automatically when the view model changes.

Creating an Observable in KnockoutJS

var myViewModel = {
    personName: ko.observable('Bob'),
    personAge: ko.observable(123)
};

Knockout js supported two types of binding

• One-way binding
• Two-way binding

Read Best 30 React js Interview questions