JavaScript (37) 썸네일형 리스트형 [JavaScript] This 를 판단하는 기준 이글은 실행 컨텍스트에서 넘어왔습니다.https://daunje0.tistory.com/61 [JavaScript] 실행 컨텍스트 ( Execution Context )Execution Context (실행 컨텍스트) 란? 자바스크립트의 실행 환경을 추상화한 개념으로, 코드(함수)가 실행되기 위해 필요한 환경 정보를 담고 있는 객체이다. 1. 구성 요소 Lexical Environment원래는daunje0.tistory.com 앞서 살펴 본 것처럼 this binding 은 실행 컨텍스트가 실행될 때, 시작 되게 된다 실행 컨텍스트가 생성되는 때는 이 컨텍스트에 해당하는 함수가 호출되는 순간이다.이 말은 this 도 함수가 호출될 때에 무엇을 지칭할 지 결정된다는 뜻이다.java 처럼 정적으로 .. [JavaScript] 실행 컨텍스트 ( Execution Context ) Execution Context (실행 컨텍스트) 란? 자바스크립트의 실행 환경을 추상화한 개념으로, 코드(함수)가 실행되기 위해 필요한 환경 정보를 담고 있는 객체이다. 1. 구성 요소 Lexical Environment원래는 스코프 체인과 클로저를 구현하기 위해 도입되었으며, let const 가 도입되면서Lexical Environment의 역할이 확장되었다.Variable Environment를 포함하며, let const 변수와 블록 스코프 내의 함수 선언을 저장한다.(Environment Record)또한 외부 환경에 대한 참조도 포함한다.(ounter environment reference)이들은 블록 스코프를 가지며, 더 세밀한 스코프 제어를 가능하게 했다. Variable Environ.. [JavaScript] 메서드 내부함수에서의 this 우회법 (call, apply, 그리고 bind 의 차이 이 글은 this 에서 넘어온 글입니다.https://daunje0.tistory.com/manage/newpost/84?type=post&returnURL=ENTRY Tistory좀 아는 블로거들의 유용한 이야기www.tistory.com var a = 10; var obj = { a: 20, b: function () { console.log(this.a); // 20 (메서드로써 호출했으므로 obj 객체가 this이다) function c() { console.log(this.a); // 10 (함수로써 호출했으므로 전역 인스턴스 this) } c(); } } obj.b(); call, apply, 그리고 bind는 .. [JavaScript] Array.prototype.includes() includes() 메서드는 배열이 특정 요소를 포함하고 있는지 판별합니다.리턴 값은 Boolean 입니다. const array1 = [1, 2, 3];console.log(array1.includes(2));// Expected output: trueconst pets = ['cat', 'dog', 'bat'];console.log(pets.includes('cat'));// Expected output: trueconsole.log(pets.includes('at'));// Expected output: false참고로 string 타입에서도 쓸 수 있는 메서드 입니다.https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_.. JQuery 에서 ^= 연산자의 의미 연산자는 속성 값 이 ^=특정 값으로 시작하는 요소를 선택하기 위해 속성 값 선택기에서 사용됩니다. 예를 들어 다음 data-*은 값이 "hello"로 시작하는 속성이 있는 모든 요소를 선택합니다. $("[data-^='hello']") Hello Goodbye $("[data-greeting^='hello']").css("color", "red"); 이렇게 하면 첫 번째 div요소가 선택되고 텍스트 색상이 빨간색으로 설정되며 두 번째 요소 div는 영향을 받지 않습니다. 이전 1 2 3 4 5 다음
