CODEWITHSUNDEEP
javascriptmodel-view-controller
hguser
hguser

Reputation: 36028

what is mvc in javascript

I heard of mvc in javascript many times,however I have no idea about how the mvc work in js.

Since I have used the goolge map v3,and I found the MVCObject.

It seems that this is a helper class used for register and listener the property chang event of the object.

I thinks this should be the "Model", Howver I have not found the "MVCView" there.

I am really confused with that.

Anyone can give me more details?

Upvotes: 1

Views: 276

Answers (2)

Tony Tai Nguyen
Tony Tai Nguyen

Reputation: 1633

Here's a brief overview at a high level on how the MVC Pattern works:

Controller:

  1. Listens on some kind of interaction/event stream.
  2. Controller can send the model that type of interaction/event.
  3. Controller can also communicate with the the view.

Model:

  1. Models will listen in on the interaction/event from the controller.
  2. Is an abstraction of a data source.
  3. Handles data logic and manipulation.
  4. After it is done with logic, it then sends to controller which will then communicate with the view.

View:

  1. View can communicate with the controller.
  2. Knows how to render data from the Model to the browser visually.
  3. The Controller tells to View to do something with something from the Model.

A couple of things to note is that models can't communicate with views directly and vise versa. Only the controller can communicate with the view and model, so the controller acts as the delegator for the interaction/event retrieved from users interaction on the browser.

Upvotes: 0

Bas Slagter
Bas Slagter

Reputation: 9929

In javascript the view is mostly some html template that is rendered by some view class in js. The model is a class that is bound to that view so that, when it renders, the data from that model is being loaded on the correct positions in the templates. Take a look at backbone.js for example.

Upvotes: 1

Related Questions