JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>

JavaScript

var log = function(msg){jQuery('body').append('<div>' + msg + '</div>')};
    
window.music = "classical";

var foo = function (){
  var music = 'blues';

  return this.music;
	},
	bar = {
		music : "jazz",
		getMusic : function(){
			return this.music;
		}
	},
	Baz = function(){
		this.music = "rock";

		this.getMusic = function(){
			return this.music;
		};
	},
	bif = new Baz();

log(this.music); //"classical" (global)

log(foo()); //"classical" (global)

log(bar.getMusic()); // "jazz" (property of object: bar)

log(bif.getMusic()); // "rock" (property of instance object: bif)