자바스크립트에서 객체란 이름과 값으로 구성된 프로퍼티의 집합입니다.~

자바스크립트의 배열과는 비스무레하면서도 다른 개념이죠~

객체 생성 방법은 여러가지가 있답니다~

ex1)

//객체를 생성하고 객체에 대한 참조를 변수 book 에 저장한다.
var book = {};
//객체의 프로터피를 설정한다.
book.title = "JavaScript: The Definitive Guide";
//다른 프로터피들을 설정한다. 중첩된 객체의 사용을 유의하라.
book.chapter1 = new Object();
book.chapter1.title = "Introduction to JavaScript";
book.chapter1.pages = 11;
book.chapter2 = {title: "Lexical Structure", pages: 6};
//객체에서 프로터피 값을 읽어온다.
alert("Outline: " + book.title + "\n\t"
   + "Chapter 1 " + book.chapter1.title + "\n\t"
   + "Chapter 2 " + book.chapter2.title);

 

이런식으로 new 를 사용하는 방법과 객체 리터럴 {} 을 사용하는 방법이 있답니다. ㅋㅋ

이런 객체들은 기본적으로 자바스크립트의 Object 객체를 상속받기 때문에 Object 의 프로퍼티들을

. 연산자로 사용할 수 있답니다. 메서드를 보고 싶으시면 api 를 보시기를 ^^


'개발 > Java Script' 카테고리의 다른 글

자바스크립트 innerHtml 따옴표 등 쓸때..  (0) 2014.07.21
자바스크립트 배열  (0) 2008.11.20
자바스크립트 with  (0) 2008.11.20
자바스크립트 null과 undefined  (0) 2008.11.20
자바스크립트 for/in 문 활용법  (1) 2008.11.20
블로그 이미지

쭈니후니

개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.

,

변수의 유효범위 체인을 임시적으로 바꾸는 함수 with 입니다~

 

ex1)

<html><body>
<script language="javascript">
function f(){
 with(frmThis){
  var name = txtName.value;
  alert(name);
 }
}
</script>
<form id="frmThis">
 <input id="txtName" value="영석">
 <script language="javascript">f();</script>
</form>
</body></html>

 

id txtName 인 텍스트의 값을 얻기 위해서는

frmThis.txtName.value 이런식으로 얻어야합니다. 한두번은 쓸 수야 있지만

여러번 사용되어질 경우 반복적인 문장이 들어갑니다.

with 를 사용하면 코딩의 양을 확 줄일 수가 있습니다~

with 에 인자에 계속 사용되는 객체를 추가하면

객체의 이름과 . 까지를 생략할 수 있습니다.

하지만 with 가 사용된 자바스크립트 코드는 최적화 되기 어렵다네요.

그래서 같은 코드이지만 with 가 사용된 코드가 더 느릴 수가 있답니다.

그렇기에 다른 방법을 소개합니다~

ex2)

var form = frame[1].document.forms[0];
form.name.value = "";
form.address.value = "";
form.email.value = "";

 

이런식으로 코드를 짠다면 최적화에 무리를 주지도 않고 불필요한 코딩은 감소하겠죠??

물론 앞에 오는 객체가 frmThis. 이런 식으로 짧다면 소용없게지만

길 경우에는 유용하겠죠~? ^^


'개발 > Java Script' 카테고리의 다른 글

자바스크립트 배열  (0) 2008.11.20
자바스크립트 객체란?  (0) 2008.11.20
자바스크립트 null과 undefined  (0) 2008.11.20
자바스크립트 for/in 문 활용법  (1) 2008.11.20
자바스크립트 변수선언 유효범위  (0) 2008.11.19
블로그 이미지

쭈니후니

개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.

,

자바스크립트를 사용하다 보면

변수 값을 찍기 위해

alert(변수이름);  등등을 사용하는데

null 도 아니고 undefined 라는 놈이 자주 튀어나오더라고요 -0-;;

이놈이 뭔가 하니

null 은 변수가 참조하고 있는 객체가 없는 상태 이고

undefined 는 변수가 선언은 되었으나 초기화가 되지 않은 상태랍니다.

 

ex)

var a;

alert(a);

 

요놈은 undefined 가 튀어나오겠지옹 ^^


'개발 > Java Script' 카테고리의 다른 글

자바스크립트 객체란?  (0) 2008.11.20
자바스크립트 with  (0) 2008.11.20
자바스크립트 for/in 문 활용법  (1) 2008.11.20
자바스크립트 변수선언 유효범위  (0) 2008.11.19
자바스크립트 history  (0) 2008.10.29
블로그 이미지

쭈니후니

개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.

,