wiki:javascript:javascript_note:function_definition

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:javascript:javascript_note:function_definition [2021/04/14 15:12]
emblim98
+++ wiki:javascript:javascript_note:function_definition [2023/01/13 18:44] (현재)
@@ 줄 237: / 줄 237: @@
 새로운 오브젝트를 생성하도록 설계된 함수를 __객체 생성자__(object constructor)라고합니다.\\
+=====Arrow Functions=====
+화살표 함수는 함수 표현식 작성을 위한 짧은 구문을 허용합니다.\\
+\\
+''%%function%%'' 키워드, ''%%return%%'' 키워드 및 **%%중괄호(curly brackets)%%**는 필요하지 않습니다.\\
+\\
+<code html>
+<body>
+  <h2>JavaScript Arrow Functions</h2>
+  <p>
+    With arrow functions, you don't have to type the function keyword,
+    the return keyword, and the curly brackets.
+  </p>
+  <p>Arrow functions are not supported in IE11 or earlier.</p>
+  <p id="demo"></p>
+  <script>
+    const x = (x, y) => x * y;
+    document.getElementById("demo").innerHTML = x(5, 5);
+  </script>
+</body>
+</code>
+\\
+화살표 함수에는 함수 자체의 ''%%this%%''가 없습니다. 화살표 함수는 **오브젝트 메서드**를 정의하는 데 적합하지 않습니다.\\
+\\
+화살표 함수은 호이스팅 되지 않습니다. 사용하기 전에 정의해야 합니다.\\
+\\
+함수 표현식은 항상 상수 값이기 때문에, ''%%const%%''를 사용하는 것이 ''%%var%%''를 사용하는 것보다 안전합니다.\\
+\\
+함수가 단일 스테이트먼트인 경우에만 ''%%return%%'' 키워드와 중괄호를 생략할 수 있습니다.\\
+이 때문에 ''%%return%%'' 키워드와 중괄호를 항상 작성하는 것이 좋은 습관이 될 수 있습니다.\\
+\\
+<code javascript>
+<!DOCTYPE html>
+<html>
+<body>
+  <h2>JavaScript Arrow Functions</h2>
+  <p>Arrow functions are not supported in IE11 or earlier.</p>
+  <p id="demo"></p>
+  <script>
+    const x = (x, y) => { return x * y };
+    document.getElementById("demo").innerHTML = x(7, 8);
+  </script>
+</body>
+</html>
+</code>
+\\
+%%IE11%% 이전 버전에서는 화살표 함수는 지원되지 않습니다.\\
 {{tag>오션, Javascript Function Definitions}}

/volume1/web/dokuwiki/data/attic/wiki/javascript/javascript_note/function_definition.1618380759.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)