티스토리 뷰
functionObject.html
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<script type="text/javascript">
myFunction(); //함수는 일급객체 -> 객체역할을 한다. (new!)
function myFunction() {
carName = "소나타"; //var가 없으면 잠재적으로 전역변수
}
function person(first, last, age, eye) { //함수
this.firstName = first;
this.address = last;
this.age = age;
this.eyeColor = eye;
}
//함수가 객체 역할
var myFather = new person("서울남", "서울시 종로구", "50", "blue");
var myMother = new person("메로나", "제주도 감귤", "48", "gree");
</script>
<title>Insert title here</title>
</head>
<body>
<p id="demo"></p>
<button onclick="document.getElementById('demo').innerHTML=Date()">
시간은?</button>
<button
onclick="document.getElementById('demo').innerHTML='I can display'+carName">
전역변수?</button>
<button
onclick="document.getElementById('demo').innerHTML='I can display'+myFather.firstName">
객체의 내용?</button>
</body>
</html>