본문 바로가기

전체 글37

JavaScript기초(22)_객체(2) 1. new Object() 우선 빈 객체를 만들어 그 결과 값과 타입을 출력하면 아래와 같이 나온다. const a = new Object(); console.log(a, typeof a); [Running] {} object Object에 true를 넣고 똑같이 출력해보자. const a = new Object(true); console.log(a, typeof a); [Running] [Boolean: true] object a는 불리언 true라는 결과 값과 타입은 객체라고 나온다. Object에 직접 리터럴 형태의 객체 값을 아래와 같이 넣으면 어떻게 될까? const a = new Object({name : 'Kim'}); console.log(a, typeof a); [Running] { n.. 2021. 10. 16.
JavaScript기초(21)_객체(1) 함수, 클래스 (틀) => 객체, 개체, object : 함수, 클래스 등의 틀을 이용해서 여러 객체(object)를 찍어내는 개념이다. 1. function 틀() {} => new 틀 () 비어있는 생성자 함수를 만들어보자. function A(){} // 텅빈 함수 A 생성함. const a = new A(); // 변수 a에 생성자함수 A를 선언함. = 객체 생성 console.log(a, typeof a); // 생성된 객체 a 와 a의 타입을 출력함. console.log(A()); // 함수 A() 자체를 출력함. [Running] A {} object undefined 객체 a를 출력하니 텅 빈 함수 'A {}'가 출력되었고, 'new A()'(생성자 함수)로 선언한 a의 타입은 'obje.. 2021. 10. 15.
JavaScript기초(20)_함수(6) 1. new 함수(); : 생성자 함수 생성자 함수의 기본적인 특징을 다음과 같은 코드를 통해서 살펴보자. function Person(name, age){ console.log(this); this.name = name; this.age = age; } const p = new Person('Mark', 37); const a = new Person('Anna', 31); console.log(p, p.name, p.age,); console.log(a, a.name, a.age); [Running] Person {} Person {} Person { name: 'Mark', age: 37 } Mark 37 Person { name: 'Anna', age: 31 } Anna 31 생성자 함수는 'thi.. 2021. 10. 14.
JavaScript기초(19)_함수(5) 1. () => {} : arrow function 기본적인 형태를 살펴보자. const hello = () => { console.log('hello!'); }; 매개변수 하나를 추가해보자. const hello2 = name => { console.log('hello!', name); }; 매개변수가 하나일 때는 '()' 생략 가능하다. 매개변수가 2개 이상일 때는 다음과 같다. const hello2 = (name, age) => { console.log('hello!', name, age); }; 매개변수가 2개 이상일 때는 반드시 '()'를 써야 한다. 함수의 리턴하는 방법을 살펴보자. const hello1 = (name) => { return `hello1 &{name}`; }; const .. 2021. 10. 13.
JavaScript기초(18)_함수(4) 1. const hello = new Function(); Function 안에는 각 인자들과 함수의 바디를 아래와 같이 넣을 수 있다. // new Function( /* 인자1, 인자2, ... , 함수의 바디 */); const sum = new Function('a', 'b', 'c', 'return a + b + c'); console.log(sum(1,2,3)); [Running] 6 인자의 인식 범위에 대하여 다음과 같은 코드들을 통해 알 수 있다. { const a = 1; const test = new Function('return a'); console.log(test()); } [Running] return a ^ ReferenceError: a is not defined 변수 a가 .. 2021. 10. 12.
JavaScript기초(17)_함수(3) 1. 선언적 function과 익명 함수의 변수에 할당하는 표현방식의 차이 우선 아래의 코드를 살펴보자. 함수 호출을 먼저 하고 뒤에 선언적 function을 입력했다. hello(); function hello(){ console.log('hello!'); } [Running] hello! 선언을 뒤에 하고 호출을 먼저하더라도 함수 결과 값이 정상적으로 함수 호출이 된다. 그렇다면 변수에 함수를 할당한 경우는 어떤지 살펴보자. hello(); var hello = function (){ console.log('hello!'); }; [Running] hello(); ^ TypeError: hello is not a function 에러 메시지를 통해서, 먼저 호출한 hello를 함수로 인식하지 못함을 .. 2021. 10. 11.

티스토리툴바