kwarodom/index.html

## index.html
<!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">
// const number = 1;
// const num2 = number;

// console.log(num2);

//1. just reference
// const person = {
//   name: 'Max'
// }

// const secondPerson = person;
// person.name = 'Manu';

// console.log(person.name)
// console.log(secondPerson)

//2. to copy
'use strict';

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var person = {
  name: 'Max'
};

var secondPerson = _extends({}, person);
person.name = 'Manu';

console.log(person.name);
console.log(secondPerson);
</script>


<script id="jsbin-source-javascript" type="text/javascript">// const number = 1;
// const num2 = number;

// console.log(num2);

//1. just reference
// const person = {
//   name: 'Max'
// }

// const secondPerson = person;
// person.name = 'Manu';

// console.log(person.name)
// console.log(secondPerson)

//2. to copy
const person = {
  name: 'Max'
}

const secondPerson = {
  ...person
}
person.name = 'Manu';

console.log(person.name)
console.log(secondPerson)</script></body>
</html>

## jsbin.pukiyukera.js
// const number = 1;
// const num2 = number;

// console.log(num2);

//1. just reference
// const person = {
//   name: 'Max'
// }

// const secondPerson = person;
// person.name = 'Manu';

// console.log(person.name)
// console.log(secondPerson)

//2. to copy
'use strict';

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var person = {
  name: 'Max'
};

var secondPerson = _extends({}, person);
person.name = 'Manu';

console.log(person.name);
console.log(secondPerson);
	<!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">
	// const number = 1;
	// const num2 = number;

	// console.log(num2);

	//1. just reference
	// const person = {
	// name: 'Max'
	// }

	// const secondPerson = person;
	// person.name = 'Manu';

	// console.log(person.name)
	// console.log(secondPerson)

	//2. to copy
	'use strict';

	var _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

	var person = {
	name: 'Max'
	};

	var secondPerson = _extends({}, person);
	person.name = 'Manu';

	console.log(person.name);
	console.log(secondPerson);
	</script>



	<script id="jsbin-source-javascript" type="text/javascript">// const number = 1;
	// const num2 = number;

	// console.log(num2);

	//1. just reference
	// const person = {
	// name: 'Max'
	// }

	// const secondPerson = person;
	// person.name = 'Manu';

	// console.log(person.name)
	// console.log(secondPerson)

	//2. to copy
	const person = {
	name: 'Max'
	}

	const secondPerson = {
	...person
	}
	person.name = 'Manu';

	console.log(person.name)
	console.log(secondPerson)</script></body>
	</html>