JSFiddle - React, Tailwind, and code Playground

by Kiwoong Jang

HTML

<h3>
	question:
</h3>
<p>
	아래와 같이 사용할 수 있는 <code>log</code> 함수를 만드세요.
</p>
<h3>
	input:
</h3>
<pre>
	var obj = { a: 1, b: 2 };
	var num = 11;
	var bool = true;

	obj.log();
	"글자문자글자string".log();
	[1,2,3].log();
	num.log();
	bool.log();
</pre>
<h3>
	output:
</h3>
<pre>
	Object Object {a: 1, b: 2}
	String 글자문자글자string
	Array [1, 2, 3]
	Number 11
	Boolean true
</pre>

JavaScript

Object.prototype.log = function() {
	var type = this.constructor.name,
		log = [];
	
	log.push(type);
	log.push((type === "Object" || type === "Array") ? this : this.toString());
	
	console.log.apply(console, log);
};

var obj = { a: 1, b: 2 };
var num = 11;
var bool = true;

obj.log();
"글자문자글자string".log();
[1,2,3].log();
num.log();
bool.log();