JavaScript

To continue delivering more exciting stories, we're kindly asking telegram premium users to help us take things to the next level. https://t.me/javascript?boost

📌 https://javascriptweekly.com/issues/688

CHALLENGE

function Shape() {}
function Circle(radius) {}
Circle.prototype = Object.create(Shape.prototype);
const shape = new Shape();
console.log(shape instanceof Circle);

🤟 Execa 9.0: The Better child_process Gets Even Better Less shell-oriented than zx, execa focuses on making executing external commands secure, cross-platform, and easy to debug. v9 lets you make commands iterable so you can process their output on the fly, map/filter both input and output, pipe multiple commands, and more. GitHub repo. EHMICKEY, SORHUS, ET AL.

CHALLENGE

function Animal() {}
function Dog() {}
Dog.prototype = Object.create(Animal.prototype);
const rover = new Dog();
console.log(rover.hasOwnProperty('constructor'));

🏤 Building the most performant web applications with Angular ArmenVardanyan Author of "Modern Angular" Google DevExpert for Angular

CHALLENGE

function Shape() {}

function Circle(radius) {
  this.radius = radius;
}

Circle.prototype = Object.create(Shape.prototype);
Circle.prototype.constructor = Circle;

const shape = new Shape();
const circle = new Circle(5);

console.log(circle instanceof Circle);
console.log(circle instanceof Shape);
console.log(shape instanceof Circle);
console.log(shape instanceof Shape);

😆 ...

CHALLENGE

function Animal() {}

function Dog() {}

Dog.prototype = Object.create(Animal.prototype);

const rover = new Dog();

console.log(rover.constructor === Animal);
console.log(rover.constructor === Dog);
console.log(Dog.prototype.isPrototypeOf(rover));
console.log(Animal.prototype.isPrototypeOf(rover));

👸 Dear Subscribers, We hope you're enjoying the content on our channel! ❤️ To continue delivering more exciting content, features, and exclusive stories, we're kindly asking telegram premium users to help us take things to the next level. By boosting our channel, you'll directly contribute to enhancing your viewing experience and supporting the growth of our community. Thank you for being a part of our journey. 🚀 P.S. Each Premium user can boost 4 times. https://t.me/javascript?boost

CHALLENGE

function Product(name, price) {
  this.name = name;
  this.price = price;
}

Product.prototype.discount = function(discount) {
  this.price -= discount;
};

const product = new Product('Phone', 500);
product.discount(50);

console.log(product.price);

👀 Pintora: An Extensible Text-to-Diagram Rendering Library A similar idea to Mermaid but with a different attitude to extensibility as well as no requirement for a headless browser server-side. The intro docs have both visual and code examples. HIKERPIG

❓ CHALLENGE

const promise = new Promise((resolve, reject) => {
  setTimeout(() => reject(new Error('Rejected')), 1000);
});

promise
  .then(result => console.log(result))
  .catch(error => console.error(error.message))
  .then(() => console.log('After catch'))
  .then(() => console.log('After then'))
  .catch(error => console.error(error.message));