js에서 함수는 변수처럼 생성한다.
따로 특징은 다음 예제의 주석에서 설명한다.
블로그 내용을 쭉 따라 와서 java를 봤다면 비슷하기 때문에 보는데 문제는 없을 것이다.
<html>
<head>
<meta charset="UTF-8">
<title>Java Script</title>
<link rel="icon" href="img/favicon.ico">
<style>
/*css 주석*/
</style>
<!--스크립트를 여기에 넣어도 되지만 페이지가 느려지는 등 원인으로 바디 아래에 넣음-->
</head>
<body>
<!--html 주석-->
</body>
<script>
//객체에 함수
var Check = {};
Check.balance = 10000;
Check.deposit = function(amount){// js는 데이터 타입을 안받는다.
console.log(amount + "원을 예금 하셨습니다.");
this.balance += amount;
console("총액 : " + this.balance)
};
//실행(매개 변수가 없어도 된다. 데이터 타입이 다 틀려도 그냥 대입이 되어 연산 된다.)
Check.deposit();
Check.deposit(1000);
</script>
</html>
배열도 마찬가지로 java와 유사하다.
하지만 문자열 숫자열 등 상관없이 값을 넣을 수 있는데
왠만하면 한가지 타입만 넣는것을 권장한다.
배열을 사용하는 이유가 반복문을 통해서 같은 작업을 하게 되는데
자료형이 틀리면 오류가 발생할 수 있기 때문에 조심해야 한다.
js 자체가 거의 자료형 구분이 없다고 보면 되는데 연산 작업에는 자료형 구분이 중요하기 때문에
개인 판단에 맞겨서 알맞게 하면 된다.
참고로 "" 와 '' 구분도 상관없다.
java에서 전부 Object타입으로 선언하는 것과 같다.
내부에서 알아서 형변환이 이루어져 연산이 처리된다.
이러한 이유로 성능에 안좋다고 하지만 요즘 컴퓨터들이 상향 평준화 되어
연산이나 메모리 16기가를 채울 정도로 성능에 영향을 주는게 아니기 때문에 js가 주목받고 있다.
또한 배열과 비슷하다기 보다는 ArrayList와 비슷한데
js의 배열은 값을 추가할 수 있다는 특징이 있다.
예제를 한번 확인해보자
<html>
<head>
<meta charset="UTF-8">
<title>배열 1</title>
<link rel="icon" href="img/favicon.ico">
<style>
/*css 주석*/
</style>
<!--스크립트를 여기에 넣어도 되지만 페이지가 느려지는 등 원인으로 바디 아래에 넣음-->
</head>
<body>
<!--html 주석-->
</body>
<script>
// 배열 선언 법 1
var arrNum = [];
// 배열 선언 법 2
var arrString = new Array();
/*데이터 넣기*/
arrNum = [1, 2, 3, 4];
arrString = ['a', 'b', 'c', 'd'];
arrNum[4] = 5;
arrString[4] = 'e';
arrNum.push(6);
arrString.push("f");
console.log(arrNum.length);
console.log(arrString.length);
console.log(arrNum);
console.log(arrString);
</script>
</html>
'HTML, CSS, JavaScript, jQuery > 04.Java Script' 카테고리의 다른 글
| [JS]04-06.배열 메소드(splice, slice, split, sort, reverse, delete, concat, valueOf, join) (0) | 2018.10.19 |
|---|---|
| [JS]04-05.2차원 배열 생성, 값 조회, 추가 (0) | 2018.10.19 |
| [JS]04-04.버튼에 기능 구현하기, 배열 값 넣기, 빼기 push, pop, unshift, shift (0) | 2018.10.18 |
| [JS]04-02.선언, 객체 생성, 선언, 값 입력, 콘솔 출력 (0) | 2018.10.18 |
| [JS]04-01.기본 뼈대 (0) | 2018.10.18 |