• Viacheslav Eremin | Javascript OOP
    (FRONT) FRONT (2024)

    Javascript OOP

    1. JavaScript OOP

    • JavaScript OOP:
      • Prototypal Inheritance: JavaScript uses a prototypal inheritance model, which is different from the class-based inheritance model used in Java and C#.
      • Objects and Prototypes: In JavaScript, every object has a prototype. When you access a property of an object, the JavaScript engine first looks for the property in the object itself. If it doesn't find it, it looks in the object's prototype.
      • Dynamic Typing: JavaScript is a dynamically typed language, meaning you don't have to declare the type of a variable.
      • Functions as Objects: In JavaScript, functions are objects, and they can be passed as arguments to other functions.
    • Key Features:
      • Prototypal Inheritance: JavaScript uses prototypal inheritance, which is a flexible and powerful way to create objects.
      • Dynamic Typing: JavaScript is dynamically typed, which makes it easy to write code quickly.
      • Functions as Objects: Functions are objects in JavaScript, which makes it easy to pass them as arguments to other functions.
      • Closures: JavaScript supports closures, which are functions that have access to variables in their scope.
    • JavaScript Event Handling:
      • Event-Driven Programming: JavaScript uses an event-driven programming model, similar to Java and C#.
      • Event Listeners: Event listeners are functions that wait for events to occur and then respond to them.
      • Event Objects: Event objects contain information about the event, such as the type of event and the target of the event.
    • Event Handling Process:
      • An event occurs.
      • The event target notifies the event listeners.
      • The event listeners respond to the event.
    • Common Event Types:
      • User Interface Events: Mouse clicks, button presses, key presses, etc.
      • Browser Events: Page load, window resize, etc.
    • Event Handling Mechanisms:
      • Delegation: Event handling is delegated to event listeners.
      • Event Bubbling: Events bubble up from the target to the root element.
      • DOM: The Document Object Model (DOM) is a tree-like structure that represents the HTML and XML documents. The DOM is used to access and manipulate the elements of a document.
      • Event Listeners: Event listeners are functions that wait for events to occur and then respond to them.
      • Event Objects: Event objects contain information about the event, such as the type of event and the target of the event.
    • Key Differences:
      • Prototypal Inheritance: JavaScript uses prototypal inheritance, which is different from the class-based inheritance model used in Java and C#.
      • Dynamic Typing: JavaScript is dynamically typed, which makes it easy to write code quickly.
      • Functions as Objects: Functions are objects in JavaScript, which makes it easy to pass them as arguments to other functions.
      • Closures: JavaScript supports closures, which are functions that have access to variables in their scope.
      • Event Handling: JavaScript's event handling is more flexible than Java's or C#'s.

    This is my ancient learning JS Classes that I decide push to public a couple of years ago JS Classes





    Related pages:




    FrontLearning context:



    Comments ( )
    Link to this page: http://www.vb-net.com/JavascriptUkrainianLecture/JsClasses.htm
    < THANKS ME>