sag1v

import { useState, useEffect, useCallback, useRef } from 'react';

function useIsTextOverflow(value) {
  const [isOverflow, setIsOverflow] = useState(false);
  const [elementRef, setElementRef] = useState(null);
  const [elementSize, setElementSize] = useState(0);
  const observerRef = useRef(null);

  const refCallback = useCallback(node => {
    if (node) {

sag1v

function useStateWithCallback(initialValue) {
  const [state, setState] = useState(initialValue);

  // we need to track down last changes to support synchronous updates
  // e.g, addEventListener handlers
  const lastStateRef = useRef(initialValue);

  // we need this flag for 2 reasons:
  // 1. To prevent the call on mount (first useEffect call)
  // 2. To force the effect to run when the state wasn't really updated

sag1v

Player.prototype.setScore = function(newScore){
  this.score = newScore;
}

sag1v

player1.setScore(1000);
player2.setScore(2000);

sag1v

function createPlayer(userName, score) {
  const newPlayer = {
    userName,
    score,
    setScore(newScore) {
      newPlayer.score = newScore;
    }
  }
  return newPlayer;
}

sag1v

function Player(userName, score) {
  this.userName = userName;
  this.score = score;
}

Player.prototype.setScore = function(newScore) {
  this.score = newScore;
}

sag1v

const player1 = Object.create(null)
player1.userName = 'sag1v';
player1['score'] = 700;
player1.setScore = function(newScore) {
  player1.score = newScore;
}

sag1v

Player.call(this, userName, score)

sag1v

double.toString()

sag1v

{
  userName: 'sag1v',
  score: 700,
  setScore: ƒ
}

{
  userName: 'sarah',
  score: 900,
  setScore: ƒ