728x90 300x250 SMALL javaScript545 함수 방식 클래스 자바스크립트에서 함수 방식으로 클래스를 만드는 방식은 일반적으로 "프로토타입 기반 상속"을 기반으로 한다. 이 방식은 ES5이전의 자바스크립트에서 주로 사용되었고 ES6부터는 클래스 문법이 도입되어서 클래스르 더 쉽게 정의하고 상속할 수 있게 되었다. 하지만 함수 방식으로 클래스를 만드는 방법을 알아두면 이해하는데 도움 될 수 있다. 함수 방식 클래스 문법 function 클래스이름() { this.프로퍼티1=초깃값; this.프로퍼티2=초깃값; this.메서드1:function(){ } } var 인스턴스 = new 클래스이름(); 인스턴스 사용법 console.log(인스턴스.프로퍼티1); 인스턴스.메서드1(); 이렇게 함수 방식은 하나의 함수 내부에 프로퍼티와 메서드를 정의 하는 구조이다. 프로퍼티.. 2023. 6. 14. css 여러 개 적용하기 (오브젝트 리터럴) css를 각각 적용한 형태 var $txt=$("#txt"); $txt.css("font-size","20px"); $txt.css("color","#ff0000"); 오브젝트 리터를을 사용해서 여러 개의 css를 한번에 적용한 형태 var $txt=$("#txt"); $txt.css({ "font-size":"20px", "color":"#ff0000" }) 2023. 6. 13. 리터럴과 기본값을 적용해서 사용자 정보값 저장하고 처리하기 var defaultValue ={ age:0, address:"서울시" } var userInfo ={ userName:"김뫄뫄", id:"mooyou" } showInfo(userInfo); function showInfo(userInfo){ userInfo = $.extend({}, defaultValue, userInfo); console.log(`name:${userInfo.userName}, address:${userInfo.address}`) } 실행결과 name:김뫄뫄, address:서울시 2023. 6. 11. $.extend() 함수 사용법 $.extend() 함수 객체를 병합하는데 사용하는 jQuery 라이브러리다. 주어진 여러 객체를 하나로 합치거나, 기존 객체에 새로운 프로퍼티를 추가하거나 업데이트 하는데 사용할 수 있다. $.extend(target, obj1, obj2, ...); target : 병합된 결과를 저장할 대상 객체 obj1, obj2 : 병합할 객체들 여러개의 객체를 전달 할 수 있다. 그러니까 obj1, obj2 ...프로퍼티들을 머지해서 target 에 저장되고 마지막에 tartget값이 반환된다. 만약 동일한 프로퍼티가 여러 객체에 중복 존재 한다면, 나중에 전달된 객체의 프로퍼티가 우선적으로 사용된다. var target = { name: "John" }; var obj1 = { age: 30 }; var ob.. 2023. 6. 9. 이전 1 ··· 27 28 29 30 31 32 33 ··· 137 다음 728x90 반응형 LIST