beginners-step-by-step-coding-course-learn-computer-programming-the-easy-way

Page 282

Object-oriented JavaScript It is common in programming to create many objects of the same type. Object-oriented programming encapsulates properties and methods into classes. Functionality can be reused by creating new child classes.

Prototypes Every JavaScript object comes with a built-in variable called a prototype. Any properties or functions added to the prototype object will be accessible to a child object. A child object is created as an instance of the parent object using the keyword “new”.

Properties Type Sensor

ROBOT CLASS

Class inheritance In JavaScript, an object can be declared as an instance of the class, and it will inherit all the properties and methods belonging to that class. Here, the properties and methods for the class Robot can be inherited by each of its child objects.

let parentObject = function() { Creates a new child object as an instance of the parent object

let childObject = new parentObject();

Functions Just as in prototypes, an object can be declared as an instance of a function with the new command. This command acts as a constructor (a method used for initializing the properties of the class). The child object inherits all the properties and methods defined in the function.

Sets the child object’s title property

childObject.title = "ABC";

parentObject.prototype.getTitle = function(){ return this.title; Adds a new method to the parent object’s prototype

} Calls the method in the parent object’s prototype from the child object, and returns the child object’s “title” property, ABC

Creates a new parent object

this.title = "123"; }

Methods Sense() Move()

console.log(childObject.getTitle());

function Book(title, numberOfPages) { this.title = title; this.numberOfPages = numberOfPages; }; let JaneEyre = new Book("Jane Eyre", 200) console.log(JaneEyre.title);

Instantiates the new book Properties and methods of the function


Turn static files into dynamic content formats.

Create a flipbook

Articles inside

Other programming languages

5min
pages 344-347

PROJECT: Responsive website

52min
pages 304-343

ACKNOWLEDGMENTS

1min
page 360

INDEX

26min
pages 352-359

GLOSSARY

16min
pages 348-351

Graphic user interfaces

2min
pages 286-287

Libraries and frameworks

2min
pages 284-285

Object-oriented JavaScript

2min
pages 282-283

JavaScript debugging

3min
pages 280-281

Functions in JavaScript

2min
pages 278-279

Input and output

3min
pages 272-273

Loops in JavaScript

5min
pages 274-277

Logic and branching

2min
pages 270-271

Variables and data types

6min
pages 266-269

PROJECT: Styling the web

29min
pages 242-263

Code editors

4min
pages 208-209

Build a better website

4min
pages 214-215

Responsive layouts

2min
pages 240-241

HTML forms and hyperlinks

3min
pages 212-213

How the Web works

3min
pages 206-207

Exploring basic HTML

4min
pages 210-211

Pygame Zero

2min
pages 176-177

PROJECT: Budget manager

20min
pages 158-175

Logic operators and branching

3min
pages 104-105

Objects and classes

2min
pages 156-157

PROJECT: Team allocator

14min
pages 118-129

Libraries

3min
pages 116-117

What is Python?

3min
pages 94-95

Loops in Python

5min
pages 108-111

Installing Python

3min
pages 96-97

Using functions

3min
pages 50-51

Sending messages

3min
pages 48-49

Input

3min
pages 46-47

Logic and decisions

3min
pages 44-45

Managing program flow

4min
pages 40-41

Manipulating data

3min
pages 42-43

Output using movement

4min
pages 36-37

Output using looks and sounds

4min
pages 38-39

Coloured blocks and scripts

3min
pages 34-35

FOREWORD

2min
pages 10-11

What is programming?

3min
pages 16-17

Programming languages

6min
pages 22-27

What is Scratch?

2min
pages 28-29

About this book

3min
pages 12-15

Working as a software developer

2min
pages 20-21

Coding in the real world

1min
pages 18-19
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.