본문 바로가기

웹/JavaScript & JQuery13

Animal, Pet, Cat 생성자, 프로토타입 function Animal(type){this.type = type;}// 공통 속성인 brain과 legs는 prototype객체에 추가해줌Animal.prototype.brain = true;Animal.prototype.legs = 0; var h = new Animal('human'); function Pet(kind){//생성자 함수 Animal 상속Animal.call(this, '애완동물');this.kind = kind;} Pet.prototype = Object.create(Animal.prototype);// 애니멀의 프로토타입을 상속받도록 구현 Pet.prototype.constructor = Pet;Pet.prototype.legs = 4;Pet.prototype.fleas = 0.. 2019. 2. 14.
[JavaScript] prototype이란? * 객체란 - 상태와 행위를 가집니다. - 추상적인 객체(붕어빵 찍는 틀)를 통해 생성된 실체적인 특정 객체를(붕어빵) 인스턴스라고 합니다. Prototype 자바스크립트의 모든 객체는 자신을 생성한 객체 원형에 대한 숨겨진 연결을 갖습니다.이때 자기 자신을 생성하기 위해 사용된 객체 원형을 프로토타입이라고 합니다. 자바스크립트에서 사용되는 용어는 크게 두가지로 나눌 수 있습니다. 1. Prototype Link객체 원형에 대한 숨겨진 연결입니다.즉 상위에서 물려받은 객체의 프로토타입에 대한 정보입니다. 2. Prototype Object 자신을 원형으로 만들어질 다른 객체가 참조할 프로토타입 입니다.즉 하위로 물려줄 연결에 대한 속성입니다. JavaScript 객체(Instance)는 생성자(Const.. 2019. 2. 14.
[JavaScript] function 객체의 메서드 call(), apply() 메서드 활용 function thisIsFunction(x, y, z){console.log(this, x, y, z);} 1. call( )thisIsFunction.call( document.body , 100 , 200 , 300);첫번째 인자 -> this에 무엇으로 사용할 것인지나머지 인자들 -> 각각의 값에 대입이 되는 것임 2. apply( )thisIsFunction.apply( document.body , [100 , 200 , 300]);//call과 유사함, 하지만 call과 차이점은 배열로 값을 전달함 2019. 2. 14.
[JQuery] 제이쿼리 기본구조, 체이닝기법 $('li').css('color','red'); $ → JQuery functionli → CSS 선택자 $(document).ready(function(){});을 입력해주지 않으면 script태그가 먼저 호출되고 그 다음에 body태그가 호출되기 때문에 제대로 된 객체를 선택할 수 없습니다.$(document).ready(function(){}); 또는 $(function(){}) 이것도 가능합니다. 또한 css 매서드를 콤마를 이용하여 연속으로 설정해줘도 가능합니다. 이것을 체이닝기법이라고 합니다. 2018. 7. 10.

티스토리툴바