function call(a, b)

{

var intA = parseInt(a);

var intB = parseInt(b);

if(isNaN(intA) || isNaN(intB))

{

document.write("Not integer number : " + intA + ", " + intB + "<br>" );

}

else

{

document.write("Sum : " + (intA + intB));

}

}


document.write("call(a, b) => " );

call('a', 'b');

document.write("call(5, 7) => " );

call(5, 7);

 

 document.write("<br><br>");

 

 var StrBuffer = function()

 {

var buffer = [];

 

this.append = function(str)

{

buffer.push(str);

}

this.toString = function()

{

return buffer.join(' ');

}

 }

 

 var strBuff = new StrBuffer();

 strBuff.append('Hello');

 strBuff.append('Javascript');

 document.write(strBuff);


5-2_Function.js


반응형

'Programming > JavaScript' 카테고리의 다른 글

[JavaScript] 5-3_simulation.js  (0) 2016.12.07
[JavaScript] 5-3_SimpleOOPinJavaScript.html  (0) 2016.12.07
[JavaScript] 5-1_OOPBasic.js  (0) 2016.12.07
[JavaScript] 5-0_OOPinJavaScript.html  (0) 2016.12.07
[JavaScript] 3-5_evalFunc.js  (0) 2016.12.07


human = function(x)

{

//Attribute : 객체 내부의 데이터

this.gender = x;

//Method : 기능이나 행위를 정의한 속성

this.tellGender = function()

{

};

};


//Prototype : 객체의 기본적인 속성을 정의함.

human.prototype.whatGender = function()

{

alert(this.gender);

};


man = new human("M");

woman = new human("F");

//man.whatGender();

//woman.whatGender();


5-1_OOPBasic.js


반응형

'Programming > JavaScript' 카테고리의 다른 글

[JavaScript] 5-3_SimpleOOPinJavaScript.html  (0) 2016.12.07
[JavaScript] 5-2_Function.js  (0) 2016.12.07
[JavaScript] 5-0_OOPinJavaScript.html  (0) 2016.12.07
[JavaScript] 3-5_evalFunc.js  (0) 2016.12.07
[JavaScript] 3-4_TypeCastFunc.js  (0) 2016.12.07

<!DOCTYPE html>

<html>

<head>

<meta charset = "UTF-8">

<title>OOP in Javascript</title>

</head>

<body>

<div id = "object">

<h3>Object</h3>

<p>

객체란 어떤 목적의 단위로 묶어놓은 묶음<br>

객체들을 더 큰 단위로 묶어놓은것 또한 객체.<br>

자바스크립트에선 {}를 사용해 '이름 : 값' 형식으로 객체를 만듦.<br>

이러한 방식을 JSOM이라 함.<br>

</p>

</div>

<div id = "5-1_OOPBasic.js">

<h3>5-1_OOPBasic.js</h3>

<script type="text/javascript" src = "5-1_OOPBasic.js"></script>

</div>

<div id="OOP">

<p>

클래스 : 문제 해결을 위해 같은 잡단에 속하는 속성과 행위를 정의한것<br>

객체 : 클래스의 인스턴스(실제 메모리상에 할당된 것)<br>

메세지 : 객체를 사용하는 방법, 객체에 내리는 명령<br>

추상화 : 불필요한 정보는 숨기고 필요한 정보만 보여주도록 함<br>

상속 : 상속을 받은 새로운 클래스가 상속을 시켜준 기존 클래스의 자료와 연산을 이용할 수 있도록 함<br>

다중상속 : 두개 이상의 클래스로부터 상속을 받을 수 있음.<br>

다형성 : 한 요소에 여러기능을 넣는것으로 오버라이딩과 오버로딩이 있다.<br>

동적바인딩 : 실행중에 일어나거나 변경될 수 있는 바인딩.<br>

</p>

</div>

<div id = "5-2_Function.js">

<h3>5-2_Function.js</h3>

<script type="text/javascript" src = "5-2_Function.js"></script>

</div>

</body>

</html>


5-0_OOPinJavascript.html


반응형

'Programming > JavaScript' 카테고리의 다른 글

[JavaScript] 5-2_Function.js  (0) 2016.12.07
[JavaScript] 5-1_OOPBasic.js  (0) 2016.12.07
[JavaScript] 3-5_evalFunc.js  (0) 2016.12.07
[JavaScript] 3-4_TypeCastFunc.js  (0) 2016.12.07
[JavaScript] 3-3_escapeFunc.js  (0) 2016.12.07

+ Recent posts

티스토리툴바