반응형 JavaScript4 [Javascript] Object 객체 활용하기 자바스크립트는 프론트단에서 기능을 구현할 때 사용하는 언어이며, 사용하기 쉬운 이미지가 강하다. 처음에 자바스크립트의 객체화, 모듈화, 상속, 표준 내장 객체, 클로저 등을 제대로 배우지 않는다면 페이지마다 동일한 함수가 난무할 수 있고 리팩토링을 할 때도 엄청난 스트레스로 다가온다. javscript에서는 Window 객체 말고도 표준 내장 객체가 존재하며 아래 링크를 참고하면 된다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects 표준 내장 객체 중 Object 객체는 모든 객체들의 부모 객체이다. 크롬 개발자도구(F12)에서 객체를 선언 후 _proto_(프로토타입 링크)를 타고 올라가면 Object 객체가 .. 2021. 6. 5. [javascript] Object name 변경하기 자바스크립트에서 Object의 value를 유지한 채로 name값을 변경해야 하는 경우가 있다. 구글링을 해서 확인해보니 아래의 링크에 답이 있었다. https://stackoverflow.com/questions/4647817/javascript-object-rename-key const OBJECT = { "NAME" : "DEVSONG" }; console.log(OBJECT); const NEW_NAME = "NICKNAME"; const OLD_NAME = "NAME"; Object.defineProperty( OBJECT, NEW_NAME, Object.getOwnPropertyDescriptor(OBJECT, OLD_NAME) ); delete OBJECT[OLD_NAME]; //NEW_NA.. 2021. 6. 4. [javascript] 자바스크립트 객체 생성하기 자바에서 클래스를 쉽게 정의하다가 자바스크립트에서 객체를 정의하자니 뭐가 뭔지 몰랐었다. 지금 이 글을 쓰는 시점에도 많은 것을 알지는 못하나 내가 아는 것을 서술하고 싶었다. 내가 알고 있는 객체를 생성하는 방식은 2가지이다. 1. 객체 literal 2. prototype 3. function 정의 1. 객체 literal 정의하는 방법은 아래와 같다. var obj = { a : 111; b : 222; c : function (){ console.log("hihi"); } }; console.log(obj.a); //111 console.log(obj.b); //222 console.log(obj.c()); //"hihi" 객체 literal을 정의하면 new 키워드를 이용하여 객체를 생성할 수 .. 2018. 6. 7. (자바스크립트) function() 함수에 대해서 알아보자. 나는 자바를 기반으로 프로그래밍을 배웠다. 그렇기에 캡슐화에 대한 공부를 하였고, 프론트엔드 단에서 자바스크립트를 이용하여 객체를 만들고자 했을 때 자바스크립트는 어떻게 만들 수 있는지 알게 되어 그 부분을 공유하려고 한다. 이번에 기재할 내용은 함수 function()이다. 자바스크립트에서는 function()을 어떤식으로 취급하는 지 알아보자. 1. 기명 함수표현식 2. 익명 함수표현식 3. 콜백함수 4. 즉시실행함수 1. 기명 함수표현식(Named function expression) 여러 프로그래밍 언어에서 사용하는 개념과 유사하지만 다른 게 있다. 바로 function()은 자바스크립트에서 객체로 취급이 가능하다. 때문에 함수의 매개변수로 함수를 입력할 수 있다. (1) 일반적인 함수 선언 fu.. 2018. 5. 13. 이전 1 다음 반응형
