JAVASCRIPT (80) 썸네일형 리스트형 값으로서의 함수 javaScript에서는 함수도 객체입니다. 다시 말해서 일종의 값입니다. 거의 모든 언어가 함수를 가지고 있다. JacaScript의 함수가 다른 언어의 함수와 다른 점은 함수가 값이 될 수 있다는 점이다. function a() {} let a = function( ) { } 위의 예제에서 함수 a는 변수 a에 담겨진 값입니다. 또한 함수는 객체의 값으로 포함될 수 있다. 이렇게 객체의 속성 값으로 담겨진 함수를 메소드라고 부릅니다. a={ b:function(){ } }; 여기서 b는 변수라고 불리면 속성 (property)입니다. 그 값은 함수입니다. 그 함수를 메소드 라고 합니다. 함수는 값이기 때문에 다른 함수의 인자로 전달 될수도 있습니다. 예를 보자면 function cal(func, nu.. 유효범위의 대상(함수) 와 정적 유효 범위 자바스크립트는 함수에 대한 유효범위만을 제공한다. 많은 언어들이 블록(데체로 {,})에 대한 유효 범위를 제공하는 것과 다른점이다. 아래 예제의 결과는 coding everybody 이다. for(var i = 0; i < 1; i++){ var name = 'coding everybody'; } alert(name); for문 바깥쪽에서도 유용한 변수가 됩니다. 지역변수로서의 의미가 안된다. 다시말해 자바스크립트는 함수에 대한 유효범위만을 제공한다. var i = 5; function a(){ var i = 10; b(); } function b(){ document.write(i); } a(); 정답은 5입니다. 실행이 되면 i는 b라는 함수 안에서의 지연변수를 찾기 시작합니다. 지역변수가 존재 하지.. 전역변수의 사용 불가피하게 전역변수를 사용해야 하는 경우는 하나의 객체를 전역변수로 만들고 객체의 속성으로 변수를 관리하는 방법을 사용합니다. 예를 들어보겠습니다. MYAPP = {} MYAPP.calculator = { 'left' : null, 'right' : null } MYAPP.coordinate = { 'left' : null, 'right' : null } MYAPP.calculator.left = 10; MYAPP.calculator.right = 20; function sum(){ return MYAPP.calculator.left + MYAPP.calculator.right; } document.write(sum()) MYAPP이라는 전역변수 하나만을 선언해줍니다. MYAPP이라는 속성으로 calcu.. 유효 범위의 효용2 function a (){ var i = 0; } for(var i = 0; i < 5; i++){ a(); document.write(i); } 01234 가 출력됩니다. 그런데 function a (){ i = 0; } for(i = 0; i < 5; i++){ a(); document.write(i); } 화면 출력이 되지않습니다. 그이유는 i가 전역변수가 되기때문입니다. a()실행될때마다 i=0으로 초기화 되기 때문에 실행이 되지않습니다. 결코 i가 5보다 커지지 않게 됩니다. 이포스팅은 생활코딩을 참조하여 만든 포스팅입니다. egoing님 감사합니다. 시즌 함수2 유효범위 (Scope) 1 함수는 모듈화의 근간입니다. 유효범위는 변수의 수명을 의미한다. let vscope ='global' function fscope(){ let vscope='local'; alert(vscope); } fscope(); fscope()함수를 실행하게 되면 함수안에 있는 지역변수인 local 이 나타나게 됩니다. 함수안에서만 정의되어있는 vscope 은 지역변수라고합니다. let vscope ='global' function fscope(){ let vscope='local'; alert(vscope); } fscope(); fscope()함수를 실행하게 되면 함수안에 있는 전역변수인 global 이 나타나게 됩니다. 전역변수는 이 어플리케이션 전역에서 사용할수 있다. let vscope ='global'.. api 문서 보는 법 프로그래밍을 공부 하기 위한 자료는 크게 레퍼런스 와 안내서가 있다. 통상 듀프리얼을 언어 문법이라고 하고 레퍼런스를 그 명령어의 사전이라고의미 합니다. 자바스크립트의 API는 크게 자바스크립트 자체의 API와 자바스크립트가 동작하는 호스트 환경의 API로 구분된다. 자바스크립트 API문서 ECMAScript 표준문서 자바스크립트 레퍼런스(mdn) 호스트 환경의 API 웹브라우저 API Node.js API Google Apps Script API 이포스팅은 생활코딩을 참고해서 포스팅했습니다. 감사합니다. egoing님! Api 와 Ui 란? Api Application Programming Interface UI User Interface 먼저 ui는 노트북을 제어 하는 걸로 예를 들자면 컴퓨터와 사람이 연결될수있는 접점에 해당되는 것 키보드, 모니터등을 중계되는 것을 User inter face라고 합니다. 그리고 홈페이지에 나와있는 뒤로가기 홈버튼 이런것들도 ui에 해당된다. Api는 예를 들자면 javascript :alert("Hellow world"); 브라우저에 입력하게 되면 경고창이 뜹니다. 이 경고창이 실행된이유는 alert에 Hello world를 넣기 때문에 나오는 것입니다. alert과 같은 것들도 Iterface라고 합니다. 그런데 웹브라우저가 제공되는 코드형태를 띄는 것들을 다양한 방법을 이용해Application을 .. 모듈 프로그램은 단순한것에서 복잡한것으로 진화합니다. 그 안에서 코드의 재활용성을 높이고 유지보수를 할수있는 기법이 존재합니다. 자주사용되는 코드를 만들어서 재활용합니다. 코드를 개선하면 그 코드를 사용하고 있는 모든 애플리케이션에 동작이 개선됩니다. 코드를 수정할때 빠르게 찾아서 개선할수 있습니다. 필요한 로직을 찾아 로드해서 메모리를 절약할수 있습니다. 한번 다운로드된 모듈은 웹브라우저에 의해 저장되기 때문에 동일한 로직을 로드할때 시간과 네트워크 트래픽을 절약할수 있습니다. 만약에 모듈이 없다면 이파일이 여러 웹페이지에 사용된다면 새파일에 다가 greeting.js function welcome() { return 'hellow world' } well come 이라는 함수가 크고 복잡하다면 이렇게 모듈.. 이전 1 2 3 4 5 6 7 ··· 10 다음
