JavaScript 전문 용어 10 가지 알아 두어야 할 용어

에서 카레 에 폐쇄 꽤 많은 자바 스크립트 전문 용어 (현장에서 사용되는 특수 단어)가 있습니다. 어휘를 늘리는 데 도움이 될뿐만 아니라 JavaScript를 더 잘 이해할 수 있다는 것을 알고 있습니다.. 전문 용어는 일반적으로 문서 및 기술 문서에서 찾을 수 있습니다.. 그러나 그들 중 일부는 폐쇄 알아야 할 아주 표준적인 것들입니다. 단어 그 자체가 의미하는 것이 무엇인지 아는 것은 더 나은 이름을 가진 개념을 아는 데 도움이됩니다..

이 게시물은 다음과 같은 10 개의 용어를 편집 한 것입니다. 그들의 의미 과 그것들이 사용되는 문맥 자바 스크립트에서. 당신이 초심자 인 경우에이 명부는 당신을 기초 게양기. 동시에 덜 알려 지거나 덜 이해되는 용어도 여기에 포함됩니다..

1. 아티
2. 익명
3. 폐쇄
4. 커링
5. 호이 스팅
6. 돌연 변이
7. 프라그마
8. 보초
9. 바닐라
10. 가변성

1. Arity

아티 (라틴어에서)는 함수 또는 연산에서 인수 또는 피연산자의 수를 각각 나타내는 용어입니다. 당신은 JavaScript의 영역에서이 단어를 접할 가능성이 가장 큽니다. JavaScript 함수가 예상하는 인수의 수.

아리 티 (arity)라는 이름의 부동산조차도 있습니다. 기능 함수에서 예상되는 인수의 수를 반환하는 객체입니다. 그것은 이제는 쓸모 없게되었고 대체되었습니다. 길이.

다음 함수는 3의 값을가집니다..

function getName (first, middle, last) 첫 번째 리턴 + "+ 중간 +"+ 마지막; 

2. 익명

익명 형용사입니다. 무언가 또는 누군가가 익명으로 언급 될 때 그것은 물건이나 사람의 이름이 확인되지 않았 음을 의미합니다. 마찬가지로 JavaScript에서 익명 함수는 이름으로 식별되지 않는 함수입니다.

(function () // body) (); 

위는 IIFE (Immediately Invoked Function Expression)입니다. 이 함수는 이름이 없기 때문에 익명입니다. 자, 아래를 보시오..

var foo = function () ;

핵심 단어 뒤에 이름이 없으므로 익명 함수라고도합니다. 기능.

의심의 조금은 단어의 사용의 정확성에 상승 “익명의”. IIFE를 사용하면 함수가 즉시 호출되고 이름은 포함되지 않지만 후자 함수를 호출하려면 구문을 사용합니다. foo () 사용.

그것은 우리가 'foo'라는 이름으로 무명의 함수를 세례 한 것과 같은 것입니다. 익명으로 간주됩니까? 나도 몰라, 나는 영국 전문가들에게 맡길거야. 하지만, 내 혼란은 제쳐두고, 그들은 둘 다 실제로 익명의 기능이라고합니다.

3. 폐쇄

다음은 옥스포드 사전의 정의 중 하나입니다. 폐쇄: “모자 나 넥타이 같은 것을 닫거나 밀봉하는 것.”

자바 스크립트에서 클로저는 내부 함수이며, 외부 함수의 변수 외부에 여전히 연결되어 있으며 외부 함수의 범위 외부에서 액세스 할 수 있습니다..

물건을 설명하기 위해 (정확하지는 않지만 충분히 간단하게), 폐쇄 레스토랑에서 웨이터로. 우리가 들어 오거나 볼 수없는 식당 주방에서 많은 일이 일어납니다. 그러나 우리는 어떻게 우리의 음식을 먹기로되어 있습니까??

그것은 웨이터가 들어오는 곳입니다. 우리는 그들을 불러서 음식을 주문한 다음 부엌에 가서 요리사에게 알리고 주문이 준비되면 우리에게 가져다줍니다. 우리가 이걸 깨뜨리지 않았어. “규칙들” 여전히 식사를 할 수있다..

웨이터는 우리의 주문을 부엌으로 가져 가서 음식으로 돌아갈 수있는 사람입니다. 자바 스크립트 폐쇄 그것과 비슷하다. 우리의 매개 변수를 가져라. 과 우리에게 변수를 가져 오십시오. (그 변수에 대한 참조, 정확하게 말하면) 우리가 허용되지 않는 함수 안에서.

함수 순서 () var food; 기능 웨이터 (주문) 요리사 (주문); 음식을 돌려 준다.  function chef (order) if (주문 === 'pasta') 음식 = [ 'pasta', 'gravy', 'seasoning']; 쿡();  function cook () food.push ( 'cooked');  return waiter;  var myOrder = order (); console.log (myOrder ( 'pasta')); // 배열 [ "pasta", "gravy", "seasoning", "cooked"] 

위의 코드에서 알 수 있듯이, 웨이터 주문 함수 내부에서의 반환 값은 외부 세계에 노출되지 않습니다..

4. 커링

Haskell Curry의 이름을 따서 명명 된이 효과는 단일 인수로 여러 함수 사용하기, 여러 인수를 가진 단일 함수 대신. 보자. 더하다 예를 들어 아래 함수.

함수 addx (x) 함수 addy (y) return x + y;  add addy 함수 add (x, y) return (x + y);  console.log (addx (3) (4)); \\ 7 console.log (add (3,4)); \\ 7

두 함수 모두 같은 결과를 반환합니다. 함수 addx 매개 변수를 받아 들인다. 엑스 돌아 오는 동안 애디 차례 차례로 와이 값으로 엑스 합계를 반환합니다..

함수 더하다 간단히 엑스 과 와이 동시에 더하기를 수행하고 합계를 반환합니다. 지금까지 첫 번째 기능은 매우 유용하지 않은 것 같습니다.

var add4 = addx (4); console.log (add4 (8)); // 12 console.log (add4 (6)); // 10 console.log (add4 (-74)); // - 70

이제 이전 함수가 갑자기 흥미 롭습니다. currying에서는 위의 코드에서 4를 추가하는 등 일련의 작업에서 항상 단계를 수정할 수 있습니다. 이는 작업에 사용 된 변수 중 하나가 항상 동일 할 때 유용합니다.

5. 호이 스팅

호이스트는 뭔가를 올리는 것을 의미합니다.. 호이 스팅 JavaScript의 경우도 같은 것을 의미하며 제기되는 것은 선언 (변수 및 함수 선언).

선언은 변수와 함수가 키워드로 생성되는 곳입니다. var(글로벌 용이 아님) 기능.

함수 또는 변수를 선언하기 위해 코드를 입력하는 위치는 중요하지 않습니다. 평가 중에는 모든 선언이 상주하는 범위 내에서 위로 이동합니다 (엄격 모드 제외). 따라서 함수 선언 전에 함수 호출을위한 코드로 작업 코드를 작성할 수 있습니다.

var name = 'Velma'; console.log (sayCatchPhrase (name)); // "Jinkies!" 기능 : sayCatchPhrase (이름) 프레이스 Flintstone ':'Yabba dabba doo! ','Velma ':'Jinkies! ','Razor ':'Bingo! ','He-Man ':'나는 힘이 있습니다. '; 귀환 문구 [이름]; 

6. 돌연변이

돌연변이는 변경 또는 수정을 의미합니다. 자바 스크립트에서 단어 변이를 발견 한 경우 DOM 요소가 변경된 사항을 언급 한 것일 수 있습니다..

DOM 변이를주의 깊게 관찰 할 수있는 MutationObserver API도 있습니다. 자식 요소 추가 또는 요소의 속성 변경. (내 게시물에 MutationObserver에 대한 자세한 내용을 볼 수 있습니다.)

7. Pragma

프라그마 실용적인 정보는 짧다. 평범한 영어로, 실용주의는 의미심장하고 실용적이라는 의미의 형용사입니다. 프로그래밍 중, 프라그마 유용한 정보로 구성된 코드를 컴파일러 나 인터프리터 또는 어셈블러가 프로그램을 처리하는 방법.

프로그래밍 언어 자체에는 아무런 영향을 미치지 않으며 구문도 다를 수 있습니다. 컴파일러 동작에만 영향을줍니다. 자바 스크립트에도 프라그 마가 거의 없으며 그 중 하나는 엄격한.

"엄격한 사용";

위의 pragma에 의해 JavaScript 코드는 strict 모드로 실행됩니다. 엄격 모드에서는 잘못된 구문을 사용할 수 없습니다., 게양기 조용한 오류가 표시됩니다. 보다 안전하고 최적화 된 JavaScript 코드 작성.

8. 센티넬

센티넬 (X-Men의 것들을 기억 하는가?) 프로그래밍 중, 감시병 루프 또는 프로세스의 끝을 나타내는 데 사용되는 값입니다. 그들은 또한 호출 될 수있다. “깃발”.

어떤 합리적인 값이라도 사용할 수 있습니다. 보초. 다음은 감시병 JavaScript에서 사용; 그만큼 indexOf 메서드는 대상 문자열에 검색 값이 없으면 -1 (센티널 값)을 반환합니다. 다음은 배열 값의 위치를 ​​반환하는 함수입니다. 값이 없으면 -1을 반환합니다..

함수 getPos (ary, val) var i = 0, len = ary.length; for (; i 
9. 바닐라
 
나는 모든 사람의 첫 번째 아이스크림 맛이 바닐라 였음에 틀림 없다고 생각한다. 나는 또한 아이스크림뿐만 아니라, 거의 모든 달콤한 접시 바닐라 종류가되었다고 생각합니다. 그만큼 표준 맛. 나는 그들이 최소한 하나의 방울을 믹스에 추가하는 꽤 많은 케이크 레시피를 보았다. 단지 풍미를 높이기 위해서였다..
 
그리고 그것이 무엇입니까? 바닐라 은 전통적인 표준 풍미. 바닐라 JavaScript는 프레임 워크가 아닌 표준 JavaScript로 참조됩니다. 실제로 바닐라는 자바 스크립트의 표준 버전을 설명하는 데 사용할뿐만 아니라 CSS와 같은 다른 언어도 설명합니다..
 
10. 가변성
 
가변성 합류하여 만든 형용사입니다. “변하기 쉬운” 과 “독성”. “외계인” 고대 그리스어에서 유래 된 것으로, 라틴어 단어와 같은 의미입니다 “아리 티” (이 목록의 항목 1). 따라서, 용어 가변성 에 사용된다 변수 개수가 다른 것을 표현하라..
 
JavaScript에서는 가변성 함수는 여러 인수를 취합니다. 다음을 사용하여 만들 수 있습니다. 인수들 재산, 대다 메서드와 이후 ES6, 확산 연산자. 다음은 스프레드 연산자를 사용하는 예입니다..
 
기능 테스트 (... a) console.log (a);  test ( 'a', 'b', 'c', 8, [56, -89]); // 출력은 Array [ "a", "b", "c", 8, Array [2]]입니다.