Development (국비 복습 )/JavaScript48 input안에 값넣으면 리스트 추가 var arr = []; function addData() { //input값 var textValue = document.getElementById("textValue").value; //output값 var display = document.getElementById("display"); arr.push(textValue); var text = ""; for (var i = 0; i < arr.length; i++) { text += "" + arr[i] + ""; // text = text + 2 , text = text(2)+2 , text(2+2) } text += "" display.innerHTML = text; } 맨 끝에 += text 하면 , 구구단 자바 라면 호호호 구구단 자바 라면 .. 2023. 2. 24. 자바스크립트 call() 함수.call(객체) 특정 함수를 실행할 때, 객체에 있는 프로퍼티값을 가져와서 실행하고 싶을 때 쓴다. const person={ talk:function(){ return "I talk"+this.lang; } } const me = {lang:"deutsch"}; document.write(person.talk.call(me)); 1.call()함수는 객체의 프로퍼티를 이용해서 함수를 사용하기 때문에 반드시, 객체를 받아와야합니다. 2.talk()가 리턴하고 있는 this.lang에서의 this는 상속받은 객체의 프로퍼티를 이용해 사용하기 떄문에 상속받은 객체인 me를 가르킵니다. 장점 비슷한 함수를 여러개 만들지 않아도 객체의 프로퍼티를 받아서 바로 쓸 수 있다. const house={ clea.. 2023. 2. 22. 자바스크립트 this 키워드 !!!!!!!!!! 1. this는 window 객체 이다 따라서 어디서든 this는 사용된다 2. this는 소속되어있는 있는 객체를 가르킨다 him.laugh를 실행한 순간, him객체의 laugh를 먼저 간다. 그 후, laugh 함수를 정의하고 있는 1번째 열의 function laugh()를 실행, 현재 실행되고 있는 객체는 him 이니까 여기서의 this는 him 객체를 나타낸다. 그냥 laugh()만 쓴경우, window.laugh()한거랑 똑같다. 근데 윈도우에 첫번쨰 열에서 함수를 정의해놨으니까, laugh()가 있고, 여기서의 return this는 윈도우 객체를 가르킨다. 즉, 자신이 소속되어있는 객체를 가르킨다. const person1 = { fullName: function() { return th.. 2023. 2. 22. 자바스크립트 .el? .el은 자바스크립트의 식별자(identifier) 중 하나이며, element 요소를 나타낸다. 생성자 함수를 공부하다가 나왔다 참고로 생성자 만들 때마다 생성자 안에 const this = {} 라고 내부적으로 객체가 생성되는 것을 알고 있자 function SuperElement(type,content){ this.el = document.createElement(type), this.el.innerText = content, document.body.append(this.el), this.el.addEventListener("click",()=>{ console.log(this.el); }) } 2023. 2. 21. 이전 1 2 3 4 5 6 ··· 12 다음
