본문 바로가기
반응형

언어

 (70)
javascript : with 사용법 javascirpt에서는 with라는 문법을 이용해서 객체를 좀더 편리하게 접근할 수 있는 기능을 제공한다. var student ={ 이름 : '홍정민', 국어 : 92, 수학 : 98, 영어 : 96, 과학 : 98 }; var output =''; // with 키워드를 이용하면 객체를 사용하기 쉽다. with(student){ output += "이름" + 이름 +'\n'; output += "수학" + 수학 +'\n'; output += "영어" + 영어 +'\n'; output += "과학" + 과학 +'\n'; } console.log(output); 근데 만약 내부에 변수명이 중복될경우는 어떻게 처리해야 할까.. var student = { 이름: '홍정민', 국어: 92, 수학: 98, ..
javascript : 속성과 메서드 var object = { number: 273, string: 'RintIanTta', boolean: true, array: [52, 273, 103, 321], method: function () { } } 객체의 속성 중 함수 자료형인 속성을 특별히 메서드 라고 부릅니다. var person = { name: '홍정민', eat: function (food) { console.log(this.name + '이 ' + food + '을/를 먹었습니다.'); } } person.eat('김치'); 홍정민이 김치을/를 먹었습니다. 특이한 점은 다른 언어와 달리 javascript 는 내부 변수를 접근할 때 this를 사용해야한다. 객체의 내부 키들을 가져와서 사용할 수 있고 내부적으로 scan할 수도 ..
javascript : apply(), 전개 연산자 함수를 호출할 때의 전개 연산자 함수를 호출할 때도 전개 연산자를 사용할 수 있습니다. 일반적으로 '배열의 요소를 하나하나 매개변수로 넣고 싶은데'라고 할 때, ECMAScript 5까지는 다음과 같은 코드를 사용해야 했음.. function test(a, b, c, d) { console.log(a + ':' + b + ':' + c + ':' + d); } var array = [1, 2, 3, 4]; test.apply(null, array); 모든 함수에는 apply() 메서드가 있다. apply() 메서드는 첫 번째 매개변수로는 '함수 내부에서 활용할 this 키워드 객체', 두 번째 매개변수로는 '매개변수 배열'을 넣게 됩니다. 단, 첫 번째 매개변수를 잘못 사용하면 문제가 되는 경우가 많고,..
javascript : 화살표 함수 - ECMAScript 6 프로그래밍 언어는 시간이 지나면서 '기능 추가'라는 발전도 하지만, '기존의 코드를 더쉽게 사용할 수 있는 문법의 추가'라는 발전도 합니다. 화살표 함수는 후자의 대표적인 예라고 할 수 있습니다. function() {} () =>{} 다만 완전히 차이가 없는 것은 아니다. 내부에서 사용하는 this 키워드의 의미가 다르다. 익명 함수 : 함수 자체에 바인딩되어 있는 객체(window 객체 또는 프로토타입 객체가 될 수도 있습니다) 화살표 함수 : 전역 객체(웹 브라우저 환경에서는 window 객체) const multiply = (a, b) => a * b; console.log(multiply(1,2)); console.log(multiply(3,4)); 2 12
javascript : 햇갈리는 문법들. for (var i = 0; i { console.log(closed_i); }, 0); }); f(i); } [0, 1, 2].forEach(function (i) { setTimeout(function () { console.log(i); }, 0); }) function test(a, b, c) { if (!b) { b = 52; } if (!c) { c = 273; } console.log(a + ':' + b + ':' + c); } test(1, 2); function test(a, b, c) { b = b || 52; c = c || 273; console.log(a + ':' + b +..
javascript : 자바스크립트의 실행 순서 console.log('A'); setTimeout(function(){ console.log('B'); },0); console.log('C'); A C B 자바스크립트의 함수 중에는 웹 브라우저에 처리를 부탁하는 함수가 있습니다. 대표적으로 타이머 함수와 웹 요청 관련 함수가 있으며, 웹 브라우저가 처리하고 처리가 완료되었다는 것을 자바스크립트에 알려줍니다. 이러한 함수는 현재 실행 중인 다른 코드의 실행이 끝나기 전에 실행되지 않습니다. 마치 회사에서 일하는 동안에 집에 배송된 택배를 확인할 수 없는 것과 같습니다. 일을 마치고 집에 와야 택배를 확인할 수 있겠죠? setTimeout(function(){ console.log('Set TimeOut'); }) while(true){} 다음과 같은 ..
javascript : 숫자 변환 함수 함수 이름 설명 parseInt(string) string을 정수로 바꾸어줍니다. parseFloat(string) string을 유리수로 바꾸어줍ㄴ다. var won = '1000원'; var dollar = '1.5$'; console.log(Number(won) + ' : ' +Number(dollar)); NaN : NaN Number() 함수는 숫자로 바꿀 수 없으면 NaN으로 변환합니다. var won = '1000원'; var dollar = '1.5$'; console.log(parseInt(won)+ ' : '+ parseInt(dollar)); console.log(parseFloat(won)+ ' : '+ parseFloat(dollar)); 1000 : 1 1000 : 1.5 주의해..
javascript : 숫자 확인 함수 함수 이름 설명 isFinite() number가 무한한 값인지 확인합니다. isNaN() number가 NaN인지 확인합니다. 프래그래밍 언어 대부분은 0으로 숫자를 나누면 오류가 발생하면서 프로그램이 작동을 멈춘다. 반면 자바스크립트는 0으로 숫자를 나누면 infinity라는 값이 들어간다. var number = 1 /0; console.log(number); 실행결과 Infinity isFinite() 함수는 이러한 값을 구분하는 함수입니다 var number = 1 / 0; console.log(number + ' : '+ isFinite(number)); 실행결과 Infinity : false 그럼 number == Infinity하면 무한대인지 확인가능한가? (반은 맞고 반은 틀리다 다음의 ..
반응형

티스토리툴바