js

익명함수 -> 이름이 필요 없고 바로 실행한다.

(function(){

           i=0;

})();

 

js는 함수형 언어이다

 

함수의 리턴 값으로 배열을 내보낼 수 있다

function get(){

           return[ 'egoing','k8805',’eomgd’ ];

배열의 내장객체 사용 

var li = ['a','b','c'];

li.push('f'); -> abcf

li = li.concat(['f','g']); -> abcfg

li.unshif('z'); -> zabc

li.splice(2,0,'B'); -> abBc

li.shift(); -> bc

li.pop; -> ab

li.sort; -> 알파벳순정렬

li.reverse(); -> 알파벳순 역정렬

객체의 생성

var grades = {‘egoing’:10, ‘k8805’:6, ‘sorialgi’: 80];

와 같다

var grades = {};

grades[‘egoing’] = 10;

grades[‘k8805’] = 6;

grades[‘sorialgi’] = 80;

와 같다

var grades = new Object();

grades[‘egoing’] = 10;

grades[‘k8805’] = 6;

grades[‘sorialgi’] = 80;

객체의 값을 가져오는 법

alert(grades[‘sorialgi’]); // 와 같이 key 를 말하면 value를 말해준다.

alert(grades.sorialgi);

또는

for(key in grades){

           document.write(“key : “+key+” value : “+grades[key]+”<br/>”);

}

 

 

  

객체 사용법

var grades = {

           ‘list’ : { 'age': 25, 'name' : 'gd', 'height' : 170 }

'show' : function(){

alert('Hello jiyong');

}

}

alert(grades['list']['age']);

grades['show'](); // 함수도 일종의 값이므로 변수에 저장될 수 있다.

객체 안의 this

var grades = {

'list' : {'age':25},

'show' : function(){

alert(this.list); // this는 자신이 속한 변수다 즉 grades 객체를 가리킨다.

}

}

var grades = {

'list' : { 'age' : 25, 'name' : 'gd' },

'show' : function(){

for(var key in this.list){

console.log(key, this.list[key]); // 콤마를 찍어서 값을 주게 되면 콤마를 통해 여러 개의 값을 출력할 수 있게 됨

}

}

grades.show(); // grades['show']();와 같다

출력 값

age : 25

name : gd

모듈이란

- 필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다.

-> 필요한 파일만 읽어오기 때문에 메모리 낭비 방지 가능

- 한번 다운로드된 모듈은 브라우저에 의해서 저장되기 때문에 동일한 로직을 로드 할 때 시간과 네트워크 트래픽을 절약 할 수 있다.(브라우저에서만 해당)

jQuery 장점

<ul id="list">

<li>empty</li>

<li>empty</li>

</ul>

<input type="button" id="execute_btn" value="button">

<script>

$('#btn').click(function(){

$('list li').text('coding everybody');

})

</script>