оптимизация кода javaScript

[provigator]

здравствуйте
я рисую в канвасе:

canvas=document.getElementById("canvas"); c=canvas.getContext("2d")
c.clearRect(0, 0, 1400, 150); c.beginPath(); c.moveTo(0, 0); c.lineTo(0, 100); c.stroke()

чтобы обращаться к процедурам рисования всегда приходится писать имя канваса c.
можно как-то сделать канвас с. "активным" чтобы рисовать без обращения к имени с. ??

clearRect(0, 0, 1400, 150); beginPath(); moveTo(0, 0); lineTo(100, 100); stroke()

[Aetae]

Можно, но не нужно. Никто вас не поблагодарит.

Вариант 1(deprecated, не работает в strict mode):

with(c) {
  clearRect(0, 0, 1400, 150); 
  beginPath(); 
  moveTo(0, 0); 
  lineTo(100, 100); 
  stroke()
}

Вариант 2(без возможности присвоения, типа fillColor='#xxx', только c.fillColor='#xxx'):

function bindProxy(obj) {
  return new Proxy(obj, {
    get(target, key, r) {
      const value = Reflect.get(target, key, r);
      if (typeof value === 'function')
        return value.bind(target);
      return value;
    }
  })
}


const { clearRect, beginPath, moveTo, lineTo, stroke } = bindProxy(c);

clearRect(0, 0, 1400, 150); 
beginPath(); 
moveTo(0, 0); 
lineTo(100, 100); 
stroke()

Если очень хочется, то лучше воспользоваться вспомогательный библиотекой для рисования, коих мнжество на любой вкус. Плюсом будут всякие иные удобности.