main.js 18行目の

ctx.fillStyle = g;

という表現はどのような意味なのでしょうか？

fillStyleについては、レッスン#4ででてきたfillStyle = 'pink' というのは理解できるのですが、
ctx.fillStyleへ gの中身の ctx.createLinearGradient(0, 0, canvas.width, 0) を直接代入するとグラデーションが表示されなくなります。