JavaScript의 리터럴 및 함수 사용에 대한 기본 지식_기본 지식

자바스크립트 리터럴
프로그래밍 언어에서 리터럴은 3.14에서와 같이 상수입니다.
숫자 리터럴은 정수, 소수 또는 과학적 표기법(e)일 수 있습니다.

3.14

1001

123e5

문자열 리터럴은 큰따옴표나 작은따옴표로 작성할 수 있습니다.

"John Doe"

'John Doe'

계산에 사용되는 표현식 리터럴:

5 + 6

5 * 10

배열 리터럴은 배열을 정의합니다.

[40, 100, 1, 5, 25, 10]

객체 리터럴은 객체를 정의합니다:

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

함수 리터럴은 함수를 정의합니다:

function myFunction(a, b) { return a * b;}

JavaScript 함수 정의
JavaScript는 function이라는 키워드를 사용하여 함수를 정의합니다.
함수는 선언으로 정의할 수도 있고 표현식일 수도 있습니다.
함수 선언
이전 튜토리얼에서는 이미 함수 선언의 구문을 배웠습니다.

function functionName(parameters) {
 执行的代码
}

함수는 선언된 직후에 실행되지 않고 필요할 때 호출됩니다.
예시

function myFunction(a, b) {
  return a * b;
}

참고 세미콜론은 실행 가능한 JavaScript 문을 구분하는 데 사용됩니다.
함수 선언은 실행 가능한 명령문이 아니므로 세미콜론으로 끝나지 않습니다.

함수 표현
JavaScript 함수는 표현식을 통해 정의할 수 있습니다.
함수 표현식은 변수에 저장될 수 있습니다:
예시

var x = function (a, b) {return a * b};

함수 표현식을 변수에 저장한 후 변수를 함수로 사용할 수도 있습니다.
예시

var x = function (a, b) {return a * b};
var z = x(4, 3);

위 함수는 실제로 익명 함수입니다(함수에는 이름이 없습니다).
함수는 변수에 저장되며 함수 이름이 필요하지 않습니다. 일반적으로 변수 이름을 통해 호출됩니다.
참고 위 함수는 실행문이므로 세미콜론으로 끝납니다.

함수() 생성자
위의 예에서 함수는 function 키워드를 통해 정의된다는 것을 배웠습니다.
함수는 내장된 JavaScript 함수 생성자(Function())를 통해 정의할 수도 있습니다.
예시

var myFunction = new Function("a", "b", "return a * b");

var x = myFunction(4, 3);

실제로 생성자를 사용할 필요는 없습니다. 위의 예는 다음과 같이 작성할 수 있습니다.
예시

var myFunction = function (a, b) {return a * b}

var x = myFunction(4, 3);

참고 JavaScript에서는 new 키워드를 사용하지 말아야 하는 경우가 많습니다.

함수 호이스팅(Hoisting)
우리는 이전 튜토리얼에서 "호이스팅"에 대해 이미 배웠습니다.
호이스팅은 현재 범위를 앞으로 끌어올리는 JavaScript의 기본 동작입니다.
호이스팅은 변수 선언과 함수 선언에 적용됩니다.
따라서 선언 전에 함수를 호출할 수 있습니다.

myFunction(5);

function myFunction(y) {
  return y * y;
}

표현식을 사용하여 함수를 정의하는 경우 호이스팅이 불가능합니다.
자체 호출 기능
함수 표현식은 "자신을 호출"할 수 있습니다.
자기 호출 표현식이 자동으로 호출됩니다.
표현식 바로 뒤에 () 가 오면 자동으로 호출됩니다.
Y는 선언된 함수 자체를 호출할 수 없습니다.
괄호를 추가하여 함수 표현식임을 나타냅니다.
예시

(function () {
  var x = "Hello!!";   // 我将调用自己
})();

위 함수는 실제로 익명의 자체 호출 함수입니다(함수 이름 없음).
함수를 값으로 사용할 수 있음
값으로 사용되는 JavaScript 함수:
예시

function myFunction(a, b) {
  return a * b;
}

var x = myFunction(4, 3);

JavaScript 함수를 표현식으로 사용할 수 있습니다.
예시

function myFunction(a, b) {
  return a * b;
}

var x = myFunction(4, 3) * 2;

함수는 객체입니다
JavaScript에서 typeof 연산자를 사용하여 함수 유형을 결정하면 "function"이 반환됩니다.
그러나 JavaScript 함수를 객체로 설명하는 것이 더 정확합니다.
JavaScript 함수에는 속성과 메서드가 있습니다.
Argument.length 속성은 함수 호출 프로세스에서 받은 인수 수를 반환합니다.
예시

function myFunction(a, b) {
  return arguments.length;
}

toString() 메서드는 함수를 문자열로 반환합니다.
예시

function myFunction(a, b) {
  return a * b;
}

var txt = myFunction.toString();