Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">
// Classes in ES6

//jshint esnext:true
'use strict';

var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }

function log(obj) {
  console.log(obj);
}
//

var Marvel = (function () {
  function Marvel(name) {
    _classCallCheck(this, Marvel);

    this.name = name;
  }

  _createClass(Marvel, [{
    key: 'superpower',
    value: function superpower() {
      console.log('Here is you superpower');
    }
  }]);

  return Marvel;
})();

var superman = new Marvel('Kent');
var batbat = new Marvel('Bat');

superman.superpower();
batbat.superpower();

log(superman.name);
log(batbat.name);
</script>


<script id="jsbin-source-javascript" type="text/javascript">// Classes in ES6


//jshint esnext:true
function log(obj){
  console.log(obj);
}
//


class Marvel{

  constructor(name){
    this.name = name;
  }

  superpower(){
    console.log('Here is you superpower');
  }
}


let superman = new Marvel('Kent');
let batbat = new Marvel('Bat');


superman.superpower();
batbat.superpower();


log(superman.name);
log(batbat.name)</script></body>
</html>