wiki:javascript:javascript_note:function_definition

차이

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

차이 보기로 링크

--- wiki:javascript:javascript_note:function_definition [2021/04/14 14:49]
emblim98 만듦
+++ wiki:javascript:javascript_note:function_definition [2023/01/13 18:44] (현재)
@@ 줄 193: / 줄 193: @@
 ''%%arguments.length%%'' 속성은 함수가 호출될 때 수신된 인수들의 수를 반환합니다.\\
 <code javascript>
+<!DOCTYPE html>
+<html>
+<body>
+  <p>The arguments.length property returns the number of arguments received by the function:</p>
+  <p id="demo"></p>
+  <script>
+    function myFunction(a, b) {
+      return arguments.length;
+    }
+    document.getElementById("demo").innerHTML = myFunction(4, 3);
+  </script>
+</body>
+</html>
 </code>
 \\
 ''%%toString()%%'' 메서드는 함수를 문자열로 반환합니다.\\
 <code javascript>
+<!DOCTYPE html>
+<html>
+</head>
+<body>
+  <p>The toString() method returns the function as a string:</p>
+  <p id="demo"></p>
+  <script>
+    function myFunction(a, b) {
+      return a * b;
+    }
+    document.getElementById("demo").innerHTML = myFunction.toString();
+  </script>
+</body>
+</html>
 </code>
 \\
@@ 줄 204: / 줄 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}}

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