Gist 4b6077fe737b33df1934b8eb4bc57c79

100%

Gist 4b6077fe737b33df1934b8eb4bc57c79

✓ Published0🌍 Public

Last edited May 2, 2016

Created on May 2, 2016

This example demonstrates the behavior of getters in a TypeScript class, showing how a getter can return a function that logs a user’s name to the console. It defines a `User` class with private `name` and `email` fields, and a `speak` getter returns an inner function that accesses the instance’s name. The code uses TypeScript’s class syntax and type annotations, and the sample instantiates a `User`, calls `speak()`, and attempts to override the getter on the prototype, which throws a `TypeError`. The illustration focuses on prototypal getter semantics in a scripting context.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 7d6a7404e99051bb7d2f36c61f0113ae

This example demonstrates functional programming techniques in JavaScript, including currying, composition, and generator functions. It shows how currying enables partial application, as seen with the `sum` function and reusable helpers like `getName` and `mapUserNames`. The code uses `compose` with `reduceRight` to chain array transformations, filtering user names by length. It also illustrates generator behavior with `next(true)` to control iteration completion. The data is a hardcoded array of user objects, and output is logged to the console via `console.log`.

IIliaIdakiev

57% match

Loading thumbnail…

Gist e8ba8b98cbdee1807cd1

This example creates a simple test function that logs "test" to the console. It defines `testFun()` and immediately invokes it, demonstrating basic JavaScript function declaration and execution. The visualization relies on standard JavaScript syntax rather than external libraries or data sources, showing a minimal code execution pattern with console output.

OOrkish

53% 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

53% match

Loading thumbnail…

Gist ed016e61300636e5a809

This example presents a JavaScript quiz that tests understanding of type coercion, string concatenation, and array manipulation. The visualization shows a series of code samples with their expected return values and written explanations, demonstrating behaviors like `typeof` returning "number" for `NaN`, string concatenation with numbers, and the effects of `pop()`, `push()`, `unshift()`, `join()`, and `split()`. The data is a static Gist containing plain text code questions and answers, rendered as a linear educational reference. No external libraries or frameworks are used; it relies purely on the raw text structure of the gist.

RRyan-321

53% match

Loading thumbnail…

Gist 3e6254d26d7dbeebc0b0f0c822baee60

This React example presents a minimal typing-race interface, displaying a header and a text input field. The application records the user’s keystrokes into the component’s state, updating the displayed text in real time. It uses React’s `React.Component`, the `event.target.value` property for input handling, and logs the current state to the console. The example demonstrates a basic two-way binding between a controlled input and the component’s state, showing the typed text as the user types.

115Dkatz

53% match

Loading thumbnail…

Gist 7a408ae6b97507c83e6613316e32a9c7

This example contrasts two JavaScript approaches for fetching GitHub user data from the GitHub REST API. It uses the Fetch API to request `https://api.github.com/users/mistyblunch` and logs the resulting JSON. The first method chains `.then()` callbacks in a Promise-based function, while the second defines an `async` function that uses `await` to handle the response and return the parsed JSON object. Neither function performs any visualization or rendering—only console output.

MMistyBlunch

52% match

Loading thumbnail…

JS Bin

This example demonstrates JavaScript destructuring and template literal syntax, contrasting a concise ES6+ implementation with its transpiled ES5 equivalent. The page’s source code includes a hand-written JavaScript version using `const` and arrow functions, alongside a generated `'use strict'` script that employs `var` and helper functions like `printName` to achieve the same console output. The data being processed is a simple inline object literal with a name and age property. The visualization is purely textual, relying on the browser’s console to show the logged results of both code paths.

AAlsaxian

52% match

Loading thumbnail…

JavaScript Basics

This example demonstrates fundamental JavaScript syntax and programming concepts through a series of commented-out code snippets, with only the final function call active. The active code defines a `person` function that returns an object with `first` and `last` properties, then logs the result of calling it with `('Jane', 'Doe')` to the console. The rendered output is an empty SVG element, as the example focuses on console-based learning rather than visual output. It serves as a minimal HTML page using raw JavaScript, with no external libraries or frameworks.

HHayden-V

51% match