La programmation orientée objet avec JavaScript: Constructor Function

Bonjour très cher développeur, dans cette série de vidéos on parlera de long à large du paradigme de programmation centré autour des objets et non des fonctions avec JavaScript.

Dans cette vidéo, on va voir la notion de constructor function qui va nous permettre d’instancier une fonction pour pouvoir créer des objets en JavaScript

Code Source : https://github.com/drcmind/JavaScript-oriente-object

les amis dans cette nouvelle série de vidéos on va apprendre ensemble les 4 piliers de la programmation orientée objet avec JavaScript :

  1. Encapsulation avec JavaScript
  2. Abstraction avec JavaScript
  3. Héritage avec JavaScript
  4. Polymorphisme avec JavaScript

Et pour faire la démonstration et l’explication de ces derniers les notions suivantes entreront en jeu :

  • Reference types VS Value types
  • Factory function
  • Constructor function
  • Classes
  • Constructor function under the Hood (Proto, prototype)

#javascript #programming #web-development #developer

What is GEEK

Buddha Community

La programmation orientée objet avec JavaScript: Constructor Function
Lowa Alice

Lowa Alice

1624392000

JavaScript Constructor Functions. IN JUST 6 MINUTES!!!

JavaScript Constructor Functions made simple.

📺 The video in this post was made by Programming with Mosh
The origin of the article: https://www.youtube.com/watch?v=23AOrSN-wmI&list=PLTjRvDozrdlxEIuOBZkMAK5uiqp8rHUax&index=10
🔥 If you’re a beginner. I believe the article below will be useful to you ☞ What You Should Know Before Investing in Cryptocurrency - For Beginner
⭐ ⭐ ⭐The project is of interest to the community. Join to Get free ‘GEEK coin’ (GEEKCASH coin)!
☞ **-----CLICK HERE-----**⭐ ⭐ ⭐
Thanks for visiting and watching! Please don’t forget to leave a like, comment and share!

#javascript #functions #constructor #constructor functions #javascript constructor functions

Vincent Lab

Vincent Lab

1605017502

The Difference Between Regular Functions and Arrow Functions in JavaScript

Other then the syntactical differences. The main difference is the way the this keyword behaves? In an arrow function, the this keyword remains the same throughout the life-cycle of the function and is always bound to the value of this in the closest non-arrow parent function. Arrow functions can never be constructor functions so they can never be invoked with the new keyword. And they can never have duplicate named parameters like a regular function not using strict mode.

Here are a few code examples to show you some of the differences
this.name = "Bob";

const person = {
name: “Jon”,

<span style="color: #008000">// Regular function</span>
func1: <span style="color: #0000ff">function</span> () {
    console.log(<span style="color: #0000ff">this</span>);
},

<span style="color: #008000">// Arrow function</span>
func2: () =&gt; {
    console.log(<span style="color: #0000ff">this</span>);
}

}

person.func1(); // Call the Regular function
// Output: {name:“Jon”, func1:[Function: func1], func2:[Function: func2]}

person.func2(); // Call the Arrow function
// Output: {name:“Bob”}

The new keyword with an arrow function
const person = (name) => console.log("Your name is " + name);
const bob = new person("Bob");
// Uncaught TypeError: person is not a constructor

If you want to see a visual presentation on the differences, then you can see the video below:

#arrow functions #javascript #regular functions #arrow functions vs normal functions #difference between functions and arrow functions

Madyson  Reilly

Madyson Reilly

1601069940

Function Expression vs Function Declaration in JavaScript

Function Expression vs Function Declaration in JavaScript.

It was until during one of the JavaScript mock interviews did I came across the term function expression.

The question was: What is the difference between these two syntax?

function x(){

}

let x = function(){

}

I was clueless for a moment. After thinking a little, I could only come up with: the second syntax invokes an _anonymous _function and is assigned to a variable.

I was alien to the term hoisting.

In this article, we will acquaint ourselves with three simple terms: function declaration,_ function expression, _and hoisting.

What is function declaration?

Function declaration is also known as _function statement. _It contains the name of the function, parameters, and a return statement. **Naming the function **is what sets function declaration apart. Parameters and return statement is optional.

Image for post

Function Declaration

What is function expression?

Function expression also has a name, parameters, and return statement. All of which are optional. The important thing to bear in mind is: the function here is _assigned _to a JavaScript variable.

Image for post

Function Expression

#function-expression #function-declaration #functions-in-javascript #coding #javascript #express

La programmation orientée objet avec JavaScript: Constructor Function

Bonjour très cher développeur, dans cette série de vidéos on parlera de long à large du paradigme de programmation centré autour des objets et non des fonctions avec JavaScript.

Dans cette vidéo, on va voir la notion de constructor function qui va nous permettre d’instancier une fonction pour pouvoir créer des objets en JavaScript

Code Source : https://github.com/drcmind/JavaScript-oriente-object

les amis dans cette nouvelle série de vidéos on va apprendre ensemble les 4 piliers de la programmation orientée objet avec JavaScript :

  1. Encapsulation avec JavaScript
  2. Abstraction avec JavaScript
  3. Héritage avec JavaScript
  4. Polymorphisme avec JavaScript

Et pour faire la démonstration et l’explication de ces derniers les notions suivantes entreront en jeu :

  • Reference types VS Value types
  • Factory function
  • Constructor function
  • Classes
  • Constructor function under the Hood (Proto, prototype)

#javascript #programming #web-development #developer

Lowa Alice

Lowa Alice

1624410000

JavaScript Factory Functions

JavaScript factory functions made simple.

📺 The video in this post was made by Programming with Mosh
The origin of the article: https://www.youtube.com/watch?v=jpegXpQpb3o&list=PLTjRvDozrdlxEIuOBZkMAK5uiqp8rHUax&index=9
🔥 If you’re a beginner. I believe the article below will be useful to you ☞ What You Should Know Before Investing in Cryptocurrency - For Beginner
⭐ ⭐ ⭐The project is of interest to the community. Join to Get free ‘GEEK coin’ (GEEKCASH coin)!
☞ **-----CLICK HERE-----**⭐ ⭐ ⭐
Thanks for visiting and watching! Please don’t forget to leave a like, comment and share!

#javascript #factory functions #functions #javascript factory functions