Skip to main content
SimilarExport ZIP
100%

Trying to learn to use objects created in JS

✓ Published0🌍 Public
MMistyBlunch
Last edited Apr 2, 2018
Created on Apr 2, 2018

This example demonstrates JavaScript object-oriented programming using a custom `ToDo` constructor and prototype methods. The code defines a `ToDo` function that assigns an `action` property, then extends it with a `sayAction` method via the prototype. Two instances, `grace` and `mistyblunch`, are created and their `sayAction` methods are called, logging their respective action strings to the console. The script also directly accesses and logs the `action` properties of each object. It uses no external libraries or data sources, relying solely on native JavaScript object creation, constructor functions, and prototype-based inheritance to illustrate basic object behavior and property access.

AI-generated description

Similar vizzes

Loading thumbnail…

JS Bin

This example demonstrates JavaScript object constructors and method definitions using plain functions and the `new` keyword. It creates a `Task` constructor with properties for `name` and `completed`, as well as `complete` and `save` methods that log actions to the console. Four task instances are instantiated, with one marked complete and the others saved. The code uses no external libraries or data sources, relying entirely on native JavaScript syntax and console output to illustrate basic object-oriented patterns.

JJaxonDvl
68% match
Loading thumbnail…

Gist 58ea1113852500390cf7cb5f0bd2d88c

This example demonstrates two JavaScript methods for converting between JavaScript objects and JSON format. It uses the native `JSON.parse()` function to transform a JSON string into an object, then accesses its properties to display "John, 30" via `document.getElementById().innerHTML`. A second example uses `JSON.stringify()` to convert a JavaScript array of names into a JSON string for output. The code relies on standard JavaScript APIs and renders results directly into HTML elements, illustrating basic data serialization without external libraries.

MMistyBlunch
60% match
Loading thumbnail…

Gist 7026512

This example demonstrates object-oriented JavaScript patterns for modeling zoo animals, showing how constructor functions and prototypes create shared behavior. The code defines an `Animal` constructor with `identify()` and `name()` methods on its prototype, while a `Zoo` object manages collections of animals. Although the zoo methods contain incomplete logic, the driver code tests animal identification, leg counts, and prototype method sharing across instances. The example uses plain JavaScript—no external libraries—relying on `console.log` for output and a custom `assert` function for validation. It illustrates inheritance and code reuse, though the zoo aggregation methods remain non-functional as written.

EElaineYu
60% match
Loading thumbnail…

Holding for inheritance work

This example demonstrates JavaScript class inheritance and object-oriented programming concepts using a Dog and Animal class hierarchy. The code defines constructors, prototype methods like `bark()` and `cuddle()`, static methods, getters, and setters, showcasing how instance properties and computed values work. It extends an Animal base class with a Dog2 subclass using `super()` to initialize inherited properties. The example also includes commented-out template rendering code referencing Nunjucks and Handlebars libraries, though no data visualization or rendering is actively executed in the final output.

LLayne Smith
58% match
Loading thumbnail…

Coding Adelante: Challenges

This example shows a progression of coding challenges for learning JavaScript, starting with basic functions and building up to object-oriented programming. The gist presents a series of exercises that ask the reader to implement functions like `hello`, `multiply`, `sum`, `isEven`, and `isDivisible`, each with sample inputs and expected outputs shown in commented code. The visible API is plain JavaScript, using console output via `console.log` and standard function declarations. The examples gradually introduce arrays, conditional logic, and higher-order patterns, with the source being a single Markdown file from a gist. The rendering approach is purely text-based, with code blocks and comments that illustrate function behavior without any graphical or external library dependencies.

HHerbCaudill
58% match
Loading thumbnail…

Classes

This example shows how JavaScript classes can be constructed using three different patterns: functional, prototypal, and pseudoclassical. It uses plain JavaScript functions, the `Object.create` API, and the `new` keyword to demonstrate object creation and method delegation through the `Car.prototype` object. The code defines a `Car` class with a `move` method that increments a `loc` property, illustrating how each pattern achieves the same behavior with varying levels of syntactic convenience.

MMurithi
58% match
Loading thumbnail…

JavaScript Fundamentals

This example demonstrates JavaScript fundamentals through a minimal web page that logs a created person object to the browser console. The code walks through variable assignment, function declarations, arrow functions, and object mutation, ultimately using a concise ES6 arrow function with shorthand property names to create and output a person with first and last names. The page contains no visualization or external libraries, relying solely on native JavaScript and the console API to illustrate core programming concepts.

Kkathrynrbernard
58% match
Loading thumbnail…

JavaScript Basics

This example demonstrates basic JavaScript syntax and concepts using console output. The code defines functions and objects, including a `person` arrow function that returns an object with `first` and `last` properties, and logs the result to the browser console. It also shows commented-out examples of variable declaration with `const` and `let`, loops, and arithmetic operations. The page uses a simple CSS class for styling but no external libraries or data sources.

CCeciliaW888
58% match