프로그래밍/자바스크립트(javascript) (17) 썸네일형 리스트형 [자바스크립트/javascript] Function 타입 함수는 자바스크립트에서 가장 흥미로운 점이 있습니다. 함수는 사실 객체라는 점에서 입니다. 모든 함수는 Function 타입의 인스턴스이며 다른 참조 타입과 마찬가지로 프로퍼티와 메서드가 있습니다. 함수는 보통 다음과 같이 문법을 선언합니다. function sum (num1, num2) { return num1 + num2; } 변수를 선언하고 그 안에 function을 넣는 함수 표현식도 있습니다. var sum = function(num1, num2) { return num1 + num2; }; 위의 함수 표현식에서 function 키워드 다음에 함수 이름 없이 정의를 하였습니다. 변수 sum으로 함수를 참조하므로 함수 이름은 필요하지 않습니다. 또 마지막에 다른 변수 초기화 문장과 마찬가지로 세미.. [자바스크립트/javascript] Date 타입, RegExp타입(정규표현식) 자바스크립트의 Date 타입은 자바 초기 버전의 java.util.Date에 기반합니다. 날짜 객체를 생성할 때는 다음과 같이 new 연산자 다음에 Date 생성자를 씁니다. var now = new Date(); Date 생성자에 매개변수를 넘기지 않으면 생성된 객체에는 현재 날짜와 시간이 저장됩니다. Date.parse() 와 Date.UTC() 가 있습니다. Date.parse() 메서드는 매개변수로 날짜를 표현하는 문자열을 받고 해당 문자열을 날짜의 밀리초 표현으로 변환을 시도합니다. var Date = new Date(Date.parse("May 10, 2020")); console.log(Date); Date.parse()에 넘긴 문자열이 올바른 날짜 형식이 아닐 때는 NaN을 반환합니다. 그.. [자바스크립트/javascript] Object타입, Array타입 참조 값( 객체 ) 이란 특정 '참조 타입'의 인스턴스입니다. 자바스크립트에서 참조 타입은 데이터와 기능을 그룹을 묶는 구조입니다. 참조 타입을 '클래스'라 부르는 사람이 많은데 이는 잘못된 표현입니다. 자바스크립트는 객체 지향언어이긴 하지만 객체 지향 프로그래밍에서 널리 쓰이는 객체가 가져야 할 프로퍼티와 메서드를 정의한다는 점 때문에 '객체 정의'라 불리기도 합니다. 객체는 특정 참조 타입의 '인스터스'입니다. 객체를 생성할 때는 new 연산자 뒤에 '생성자'를 씁니다. 생성자는 객체를 생성하는 함수입니다. var person = new Object(); Object 타입 Object 타입은 자바스크립트에서 가장 많이 쓰이는 타입이기도 합니다. Object 인스턴스를 생성하는 방법은 두 가지입니다. .. [자바스크립트/javascript] 변수, 컨텍스트, 가비지 콜렉션 자바스크립트 변수는 다른 언어에 비해 매우 독특합니다. 자바스크립트 변수는 느슨한 타입을 취하므로 변수는 특정 시간에서 특정 값을 가리키는 , 문자 그대로 이름일 뿐 입니다. 원시값과 참조 값 '원시 값'은 단순한 데이터미여, '참조 값'은 여러 값으로 구성되는 객체를 가리킵니다. 변수에 값을 할당하면 자바스크립트 엔진은 해당값이 원시 데이터 인지 참조인 판단합니다. 원시 타입은 Undefined, Null, 볼리언, 숫자, 문자열 입니다. 이들 변수는 '값으로' 접근한다고 하는데 변수에 저장된 실제 값을 조작하기 때문에 이렇게 말합니다. 참조 값은 메모리에 저장된 객체입니다. 자바스크립트는 메모리 위치에 직접 접근하는 것을 허용하지 않으므로 객체의 메모리 공간을 직접 조작하는 일은 불가능합니다. 객체를.. [자바스크립트/javascript] 함수 함수는 문장을 캡슐화하여 어디서든, 언제든 실행할 수 있게 하므로 모든 언어의 핵심입니다. 함수는 function 키워드로 정의하며 그 뒤에 매개변수와 함수 본문을 순서대로 씁니다. function functionName(arg0, arg1, ... , argN) { statements } 예제로 하나의 함수를 만들어 실행해 보겠습니다. function sayHi(name, message) { console.log("Hello " + name + " , " + message); } sayHi("Nicholas", "how are you today?"); 함수를 호출할때 함수의 이름과 매개변수 두 개를 써줘 함수 안의 실행문을 실행합니다. 함수에는 반환할 값을 써서 값을 반환 할 수 있습니다, 하지만 위 .. [자바스크립트/javascript] 제어문, 반복문 ( if문, switch문, for문, for-in문, while문, do-while문 ) 자바스크립트의 문장을 통해 정의되며 일반적으로 키워드와 연결되어 있습니다. 문장에는 함수에서 빠져나가라고 지시하는 단순한 문장도 있고 몇가지 명령어를 실행하게 복잡한 문장도 있습니다. if문 if문은 프로그래밍 언어 대부분에서 가장 많이 쓰이는 제어문입니다. if (조건) 실행문1 else 실행문2 조건에는 어떤 표현식이든 쓸 수 있으며 심지어 불리언 값으로 평가되지 않는 표현식이라도 상관없습니다. 해당 표현식의 결과에 Boolean() 함수를 호출해 볼리언 값으로 바꿉니다. 조건이 true로 평가되면 실행문1을 실행하고 false로 되면 샐행문2로 실행합니다. 각 문장은 한 줄의 코드일 수도 있고 코드 블록일 수도 있습니다. 코드 블록은 여러 문장을 중괄호로 감싼 것입니다. var i =.. [자바스크립트/javascript] 자바스크립트 연산자 자바스크립트에는 데이터 조작에 쓸 수 있는 연산자가 여러가지 존재합니다. 이러한 연산자는 더하기 빼기같은 계산 연산자, 비트 연산자, 관계 연산자, 일치 연산자 등이 있습니다. 단항 연산자 단 하나의 값에만 적용 되는 연산자를 '단항 연산자'라고 부릅니다. 단항 연산자는 가장 단순한 연산자 입니다. 증감 연산자 증감연산자는 피연산자의 앞에서 쓸수도 있고 뒤에 쓸 수도 있습니다. var age = 29; ++age; console.log("age = " + age); 처음 age 값이 29 였는데 30으로 1 더해졌습니다. var age = 29; age = age + 1; console.log("age = " + age); 이것도 위와 같은 결과 값을 나타냅니다. ++ 말.. [자바스크립트/javascript] 식별자, 주석, 스트릭트 모드, 변수, 데이터 타입 자바스크립트는 대소문자를 구분를 해야하는 점이 있습니다. 변수나 함수 이름 등 모두 대소문자를 구분합니다. 따라서 test 와 Test는 다른 변수입니다. 식별자 식별자란 변수나 함수, 프로퍼티, 함수 매개변수의 이름입니다. 식별자 조건 첫 번째 문자는 반드시 글나 밑줄(_), 달러 기호($) 중 하나여야 합니다. 다른 문자에는 글자나 밑줄, 달러 기호, 숫자를 자유롭게 쓸 수 있습니다. firstSecond myCar doSomethingImportant 관습적으로 카멜 케이스로 씁니다. 카멜 케이스란 첫 번째 글자는 소문자로 쓰고 단어가 바귈 때는 단어의 첫 글자를 대문자로 쓰는 표기법입니다. 꼭 이렇게 쓰라는건 아닌데 이 형식을 쓰면 다른 사람들도 볼때 편해 볼 수 있어 이 형식을.. 이전 1 2 3 다음
