<!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

//eval()

//Ajax : 일반적으로 자바스크립트를 통해 서버에서 데이터를 받아오고 그 데이터를 조작하는 일련의 프로그래밍

//Ajax 프로그래밍에서 한번에 여러가지 변수를 받아올때 문제가 생길 수 있음

//eval()은 다음과 같은 작업을 수행한다.

//1. 제공된 인수 문자열이 자바스크립트로서 유효한가를 검증한다.

//2. 자바스크립트 코드로 해석하기 위하여 파싱한다.

//3. eval() 기능 함수는 파싱된 내용에서 자바스크립트 문장 코드를 발견하면 수행한다.

//4. 수행에 따른 결과값이 있으면 그 값을 반환한다.


eval('number1 = 1234; number2 = 5678; document.write("덧셈계산 = " + (number1 + number2) + "<br>") ');

eval('number1 = 1234; number2 = 5678; document.write("문자열 결합 = " + number1 + number2 + "<br>") ');


//isNaN()

//is Not a Number

//숫자가 아니면 ture를, 숫자라면 false를 반환한다

//isFinite()

//유효한 수치면 ture를, 유효하지 않은수치면 false를 반환한다

document.write("isNaN('123.4567') : " + isNaN('123.4567') + "<br>");

document.write("isFinite('123.4567') : " + isFinite('123.4567') + "<br>");

document.write("isNaN('123,000') : " + isNaN('123,000') + "<br>");

document.write("isFinite('123,000') : " + isFinite('123,000') + "<br>");


3-5_evalFunc.js


반응형

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

[JavaScript] 5-1_OOPBasic.js  (0) 2016.12.07
[JavaScript] 5-0_OOPinJavaScript.html  (0) 2016.12.07
[JavaScript] 3-4_TypeCastFunc.js  (0) 2016.12.07
[JavaScript] 3-3_escapeFunc.js  (0) 2016.12.07
[JavaScript] 3-2_CalDate.js  (0) 2016.12.07

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

document.write("parseFloat(123) : " + parseFloat("123") + "<br>");

document.write("parseFloat(123.12.34) : " + parseFloat("123.12.34") + "<br>");

document.write("parseFloat(123.12 34 45 67) : " + parseFloat("123.12 34 45 67") + "<br>");

document.write("parseFloat(123.12은123.12) : " + parseFloat("123.12은123.12") + "<br>");

document.write("parseFloat(오늘은25일) : " + parseFloat("오늘은25일") + "<br>");


3-4_TypeCastFunc.js


반응형

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

[JavaScript] 5-0_OOPinJavaScript.html  (0) 2016.12.07
[JavaScript] 3-5_evalFunc.js  (0) 2016.12.07
[JavaScript] 3-3_escapeFunc.js  (0) 2016.12.07
[JavaScript] 3-2_CalDate.js  (0) 2016.12.07
[JavaScript] 3-1_PrintTime.js  (0) 2016.12.07

+ Recent posts

티스토리툴바