'2011/08'에 해당되는 글 4건

  1. 2011.08.11 [JS] 배열(array)
  2. 2011.08.11 [JS] 객체 리터럴(object literal)
  3. 2011.08.11 리터럴 (literal)
  4. 2011.08.10 [JS] 함수 리터럴(function litetal)
2011. 8. 11. 10:14

[JS] 배열(array)

프로그래밍/Java Script

자바스크립트에서의 배열선언 및 값 뽑아오기


1번 - 지정되지 않은 크기의 배열 객체를 선언 후, 값을 대입하는 코드 입니다.

2번 - 1번과 동일한 내용을 괄호 안에 늘어서 표기한 형태 입니다. (1과 동일한 내용입니다)

3번 - 반복문을 이용하여 배열의 내용을 출력합니다.

4번 - 반복문으로 처리가 불가능한 내용을 별도 출력 처리 합니다.



5번은 배열 선언의 다른 한 예시 입니다. (배열 생성 당시에 크기를 미리 고정되게 정하여 생성한 예시 입니다)




Posted by 해비
2011. 8. 11. 09:38

[JS] 객체 리터럴(object literal)

프로그래밍/Java Script

이번에는 객체의 리터럴 형태를 표현해 보도록 하겠다.


1은 일반적인 객체 생성이다.

2는 객체 리터럴 형식의 생성 이다.

3은 해당 값을 출력하기 위한 코드 이다.


위 코드에서 position 은 임의의 변수 이름이다
마찬가지로 left, top 속성도 임의로 준 것이다.

하지만 잘 돌아간다...



일반적인 프로그래밍 언어에서는 해당 객체를 생성하기 위한 클래스를 미리 정의해 두어야 하고, 해당 클래스에서 지원, 또는 작성 되어진 속성들만 사용이 가능 했는데 비해 자바스크립트에서는 임의로 속성값을 매기고 값을 대입, 그리고 다시 불러오는게 가능하다.

한가지 더...

객체 리터럴의 중첩 표현의 예시...



중괄호 안에서 다시 중괄호 열고 속성명:값 을 추가하면 된다.

그리고 해당 값의 접근은 아래 출력 예시 처럼 하면 된다.




Posted by 해비
2011. 8. 11. 09:16

리터럴 (literal)

프로그래밍/일반

리터럴이 뭔가...

궁금해서 구글신에게 문의해본 결과...


컴파일시 프로그램 내에 정의되어 있는 그대로 정확히 해석되어야 할 값...

들어가서 보니 정확히 명시된 어떤 값을 의미 하는것 이라고 한다.



x = 7 의 경우 7 이 리터럴 이다.

리터럴은 숫자 ,문자 또는 문자열 등 명확히 제시되는 어떤 값을 의미 하는듯 하다.




------------------------------------------------------------------------
하단의 출처에 주소로 들어가 봤더니...

텀즈 - IT관련 용어들을 정리 해 놓은 사이트 였네요... (용어 관련 으로 자주 들르게 될지도...)

Posted by 해비
2011. 8. 10. 22:02

[JS] 함수 리터럴(function litetal)

프로그래밍/Java Script


1번은 일반적인 함수의 작성 형태 이고...


2번은 함수 리터럴로 작성된 형태...

어느쪽이 되었건 3번 코드로 출력되는 내용은 9로 동일하다.

...
함수 정의 대신 함수 리터럴을 사용할 만한 이유...
즉, 함수 정의와 함수 리터럴의 차이점...

함수 리터럴은 자바스크립트의 표현식 내에 나타날 수 있다.

표현식 내에... 음??

일단 다음의 코드를 보도록 하자


단 3줄짜리 초간단 코드이다.

1 : 리터럴 형태로 선언된 함수 square
2 : 이 square 에 스스로에 3을 넣어 수행된 결과값 + 1을 대입하고 있다.
3 : 그리고 square 를 출력!!

결과는...

당연히 10 이다.
3 * 3 + 1 = 10

만약 2 라인이 없을 경우... 무엇일 출력 될까...?

바로 1째 줄의 var square = 뒷부분의 내용들... function(x){return x*x;} 이 출력이 된다



Posted by 해비

티스토리툴바