Featured Post

How To Use Python Arithmetic Operators

Image
How To Use Python Arithmetic Operators Introduction Arithmetic Operators are used in Python to carry out mathematical operations on numerical values. It is very important to understand this operator well in order to complete Python projects that require you to do carry out mathematical calculations. In this guide, you will come across all the different types of arithmetic operators that will be explained in an easy-to-understanad manner. Types of Python Arithmetic Operators There are six types of arithmetic operators in Python and in this guide, I will be explaining every one of them with detailed explanation as well as with simple example exercises, for your easy understanding! So, keep reading this post until the very end , so that you do not miss out any valid points. The 6 types of arithmetic operators are :  1. Addition Operator  2. Subtraction Operator   3. Multiplication Operator  4. Division Operator 5. Modulus Operator  6. Exponential Operator Addi...

Use JavaScript Constructor To Create A New Object



JavaScript Constructor 

In JavaScript, a constructor gets called whenever an object is created using the keyword, new. The idea of using a constructor is to create a new object and then set values for any of the object properties that is already existing in the object. The constructor method is a special method for creating and initializing an object that is created with a class. 

The Task

 In this freeCodeCamp certification coding lesson, we need to finish the code for the given assignment. We need to use the class keyword and write a constructor to create the Vegetable class.  The Vegetable class allows us to create a vegetable object with a property of name that gets passed to the constructor. 

Key Points

As per requirement of the project, following points to be noted for doing this task: 
Vegetable should be a class with a defined constructor method. 
The class keyword should be used. 
Vegetable should be able to be instantiated. carrot.name should return carrot .


The Code

 
//change code below
class Vegetable {
constructor(name){
this.name = name;
}
}
//change code above
const carrot = new Vegetable("carrot");
console.log(carrot.name);


Steps


Created a class with a name of Vegetable that  has the properties of  the Vegetable object. 

The next step would be to put a constructor with a parameter of name into this object and set it to this.object. 

Now, when you log into the console, you will get the output as carrot, as this is the new vegetable that you created. 

Had you used a parameter of "cabbage" instead of "carrot" in the constructor, then, the console would have given you the output of cabbage instead of carrot. So, this is so cool!

Solution




Source code for checking your solution for this project:

//create a Book class

class Book{
  constructor(author){
    this._author = author;
  }
  //Create a getter to get writer
  get writer(){
    return this._author;
  }
  
//Create a setter to set the writer
  set writer(updatedAuthor){
    this._author = updatedAuthor;
  }
}

const novel = new Book('anonymous');

console.log(novel.writer);

novel.writer = 'newAuthor';
console.log(novel.writer);

//create a Thermostat class
class Thermostat {
  constructor(fahrenheit) {
    this.fahrenheit = fahrenheit;
  };
  
// Create a getter to get temperature in Celsius 
  
  get temperature() {
    return (5 / 9* (this.fahrenheit - 32);
  }//Create a setter to set temperature in Celsius 
  set temperature(celsius) {
  ;  this.fahrenheit = (celsius * 9.0/ 5 + 32;
  };
};
const thermos = new Thermostat(76);
let temp = thermos.temperature;
thermos.temperature = 26;
temp = thermos.temperature;
console.log(thermos.temperature);

The console values for the three logs are respectively should be 
anonymous
newAuthor
26



Watch out for more such tutorials. If you have specific topics in mind that you wish to request as a tutorial,  please do let me know in the comment section below, and I will be too happy to oblige accordingly. 


Related Posts that may help you:




Comments

Popular Posts

Build A Random Quote Machine in React

Build A Calculator in React

A Simple Guide to Promises in JavaScript ES6

Welcome to my first Blog Post

How To Fight Programmer's Imposter Syndrome

Top Free Online Websites to Learn Coding

Guide to Learn Coding Efficiently and Effectively