JQuery 변수 - jQuery byeonsu

변수는 유효범위에 따라 전역변수(Global Variable)와 지역변수(Local Variable)로 구분할 수 있습니다.

• 전역변수는 함수 외부에서 선언된 변수로, 프로그램 전체에서 접근할 수 있는 변수입니다.
• 지역변수는 함수 내부에서 선언된 변수로, 함수가 실행되면 만들어지고 함수가 종료되면 소멸하는 변수입니다. 함수 외부에서는 접근할 수 없습니다.

예제 1

  
    
    JavaScript
  
  
    
  

변수 jbVar의 값을 함수 외부에서는 Lorem으로, 함수 내부에서는 Ipsum으로 정했습니다. 함수 외부에서 jbVar를 불러왔으므로 전역변수의 값

Lorem

이 출력됩니다.

예제 2

  
    
    JavaScript
  
  
    
  

함수 내부에서 jbVar의 값을 불러왔으므로 지역변수의 값

Ipsum

이 출력됩니다.

예제 3

  
    
    JavaScript
  
  
    
  

함수 내부에서 var를 사용하지 않고 변수의 값을 정하면 전역변수의 값을 변경합니다. 따라서

IpsumIpsum

을 출력합니다.

출처 : www.codingfactory.net/10401

JS 변수

1. 

$기호가 안 붙음.
(예) var hz;

2.

JS 스크립트만 사용 가능. jQuery 내장함수 (= 메서드) 사용불가.

hz.css('background-color', 'red') (X)

jQuery 변수

1.

$기호가 붙음.
(예) var $hz;

2.

jQuery 내장함수 (= 메서드) 사용 가능.
※ css(), hide(), how() 등.

$hz.css('background-color', 'red') (O)

라는 코드를 작성하게 되면 'const'라는 키워드를 사용해서 값을 담아주게 되면 상수로 넣어주겠다는 것인데 한번 선언해주면 그 값은 변하지 않는다. 나중에 코드량이 많아지고 복잡도가 높은 프로젝트를 구상 할 떄 절대 바뀌어서는 안되는 값들을 선언해주면 에러도 줄이고 훨씬 편하겠졍??><

변수하면 다들 질문을 가질 법 한게 'var'는 그럼 뭐에요인데 ex6에서 변수를 선언하는 방법으로 'let'이 추가된 것이다. 즉 그전까지는 var를 쓴 것인데 전 var 쓸래용 하고 쓸 수가 있다. 물론 간단하게 예제용 코드에선 문제가 될 게 없다. 간단하게 문제라고 보면 문제라고 볼 수있는게 

a=1;

var a;

코드와

b=1;

let b

코드를 작성해보면 .선언해주기도 전에 값을 담아주었는데 에러가 안나는 것을 볼 수 있을 것이다. 

var a= 2;

console.log(a); // 2

var a = 4;

console.log(a); // 4

위코드를 보고 유연한 변수 선언으로 간단한 테스트에는 편리 할 수 있겠으나, 코드량이 많아 진다면 어디에서 어떻게 사용 될지도 파악하기 힘들뿐더러 값이 바뀔 우려가 있다는 것을 느껴야 된다. 

****값읋 담아줄 떄는 "변수"와 "상수" 크게 두가지 방법이 있고 변수는 "let" "var", 상수는 "const"라는 키워드를 이용하되 되도록 앞으로 "let"을 쓰자 끝!****              

728x90

var a = '예시';
$('#'+a)....;

$() 내부에 '#' + 변수 

728x90

공유하기

게시글 관리

• 카카오스토리
• 트위터
• 페이스북

'프로그래밍 언어 > Javascript' 카테고리의 다른 글

다들 아시다시피 변수 선언 시 사용되는 예약어인 var는 variable의 약자로 선언하는 위치에 따라 global scope, function scope로 사용된다. 간단하게 변수 범위에 대해서 짚고 넘어가자.

function 내부에서 선언한 변수는 지역 변수(function scope)로 해당 함수 내에서만 접근 및 호출가능하다.

정의한 함수 밖에서 호출하려고 하는 경우, 정의되지 않은 변수를 참조하려고 하여 Reference Error가 발생한다.

function 밖에서 선언한 변수는 모두 전역 변수(global scope)로 사용되며, 해당 페이지 내의 어떤 함수에서든 접근 및 호출할 수 있다.

또한 function 내부에서 선언하는 변수인 경우라도, 선언 명령어 var를 생략하고 변수를 선언하는 경우, 전역 변수로 사용되어 진다. 그렇기 때문에 지역 변수를 선언하는 경우는 반드시 변수를 선언하는 명령어를 써서 전역 변수와 구분해 주는 것이 좋다.

물론 전역 변수와 다른 이름을 쓰는 것이 가장 좋지만, function 내부에서만 사용하는 지역 변수라는 것을 나타낼 수 있으므로 명령어를 항상 표기하는 게 좋다고 생각된다.

오늘 포스팅하고자 한 내용에서 조금 벗어났지만, 변수 선언에 따른 범위에 대해 알아봤고

이제 본론으로 들어가서 변수명에 '$' 를 붙여주는 것과 붙이지 않는 것의 차이를 알아보자.

우리가 알고있는 일반적인 형태로 var name = "ojava"; 와 같이 선언한 변수는 일반 변수다.

그렇다면 var $jqvar의 형태로 선언한 값은 어떨까?

해당 변수도 일반 변수처럼 문자열이나 숫자를 담아서 사용할 수도 있겠지만, $가 일반적으로 jquery를 대표하는 문자로 사용된다는 것을 생각해보면 해당 변수에는 jquery object를 담는 변수임을 유추해 볼 수 있다. 

선택자는 $('')에 인자를 제공하여 결과를 반환한다. 괄호안에는 $('.test')와 같이 괄호안에 $(' ')이나 $(" ")을 같이 써준다.

var id = 'test-cell';
$('.id');

위와 같이 작성할 경우, 선택자는 test-cell 클래스가 아닌,

var id = '16077';
$('[index='+ id + ']');

선택자에 변수 넣는 방법

변수가 들어가는 부분을 제외한 부분을

var id = '16077';
$('[index='+ id + ']');

var id = '16077';
$('[index='+ id + ']');

2 . id로 선택하기

var id = '16077';
$('#'+ id );

3 . class로 선택하기

var id = '16077';
$('.'+ id );

활용

$('.' + id).html();
//활용이 가능하다.