데이터를 실행하는 가장 기본적인 방법

by

JavaScript를 사용하여 데이터를 저장, 로드 및 제어하는 ​​방법을 배웠습니다.

생각해보면 데이터가 어떻게 처리되는지 아직 파악하지 못한 것 같습니다.

오늘은 데이터를 처리하는 가장 기본적인 8가지 방법을 살펴보겠습니다.

간다~

'추천 관련글,

JavaScript에서 “데이터 실행”이라는 용어는 일반적으로 “데이터 처리” 또는 “데이터 조작”을 의미하는 데 사용됩니다.

JavaScript에서 데이터는 변수 또는 상수에 저장되며 이 데이터는 프로그램의 다양한 위치에서 사용됩니다. 데이터를 실행한다는 것은 함수나 연산자로 데이터를 처리하여 다른 데이터를 생성하거나 출력하는 것을 의미합니다!

데이터 실행은 프로그래밍에서 매우 중요한 역할을 합니다. 데이터를 실행할 때 원하는 결과를 생성하거나, 다른 데이터로 사용하거나, 다양한 계산을 수행하는 등의 작업을 수행할 수 있습니다.

1. 선언적 함수

JavaScript에서 함수를 정의하는 방법 중 하나는 함수를 사용하여 함수를 선언하고 이름을 지정한 다음 함수 본문을 중괄호(‘{ }’)로 묶는 것입니다.

선언적 함수를 정의할 때 이 세 가지가 참이어야 합니다. 주의해야한다.

1. 함수를 정의할 때 함수의 이름을 지정해야 합니다.

2. 함수를 정의한 후 어디에서나 호출할 수 있습니다.

3. 함수는 호출되기 전에 정의되어야 합니다.

선언적 함수의 형식은 다음과 같습니다.

모양

{
	fuction func (){
	document.write("우리공부열심히해요");
	}
	func();
}

결과

우리코딩공부열심히해요

  • 해당 코드는 함수 ‘function’을 사용하여 정의하였으며, 함수 이름은 ‘func’으로 정의하였다.
  • document.write를 사용하여 결과 값을 출력합니다(“열심히 공부합시다”).
  • 마지막으로 정의한 함수를 호출하기 위해 함수명 ‘func()’를 다시 호출합니다.

2. 익명 기능

JavaScript에서 함수를 정의하는 또 다른 방법입니다. 익명 함수는 함수를 정의할 때 함수 이름을 지정하지 않는 방식으로 정의됩니다.

익명 함수를 정의할 때 이 세 가지가 참이어야 합니다. 주의해야한다.

1. 변수의 범위를 고려하라! 변수에 할당된 익명 함수는 변수 범위 내에서만 액세스할 수 있습니다. 따라서 변수의 범위와 관련하여 익명 함수를 정의하고 사용해야 합니다.

2. 함수를 반환할 때는 반드시 변수에 할당한 후 반환해야 합니다!

3. 함수 이름을 지정할 필요는 없지만 디버그하기 어려울 수 있습니다.

익명 함수의 형식은 다음과 같습니다.

모양

{
	const func = function (){
		document.write("아자아자화이팅");
    	}
	fune();
}

결과

아자아자화이팅
  • 익명 함수에서는 함수 이름을 지정하는 대신 “함수”로 함수를 선언합니다.
  • 이 함수는 이름이 없기 때문에 변수에 대입하여 사용하는 경우가 많습니다.
  • ‘func’는 익명 함수가 할당된 변수입니다.
  • document.write를 사용하여 결과 값을 출력합니다(“가자!”).
  • 마지막으로 정의한 함수를 호출하기 위해 함수명 ‘func()’를 다시 호출합니다.

3. 파라메트릭 기능

매개변수란 무엇입니까?

매개변수는 호출될 때 함수에 전달되는 값을 승인하는 변수입니다. 매개변수는 함수가 호출될 때 함수 외부에서 전달된 데이터를 함수로 가져오는 역할을 합니다.

파라메트릭 함수란 무엇입니까?

함수를 정의할 때 매개변수를 받는 함수를 의미합니다. 파라미터 기능은 데이터를 기능 내에서 처리하여 외부에서 받아 사용할 수 있도록 합니다.

매개변수 함수의 형식은 다음과 같습니다.

모양

{
	function func (str){
    document.write(str);
    }
    func("주말에도열공");
}

결과

주말에도열공
  • 이 예에서 ‘(str)’은 함수 ‘function’의 매개변수입니다.
  • 함수 ‘func’는 매개변수 ‘(str)’을 받아들이고 ‘document.write(str)’를 출력합니다.
  • 마지막으로 ‘func(“Even on weekends”);’, ‘(“Even on weekends”);’와 같은 함수를 호출할 때 매개변수 ‘(str)’에 전달됩니다.

결과 함수

함수를 호출한 결과를 반환하는 함수. 결과 함수는 함수의 결과를 다른 코드에서 사용하거나 다른 함수에 매개변수로 전달할 때 유용합니다.

결과 값 함수의 형식은 다음과 같습니다.

모양

{
	function func(){
    	const str = "마지막함수에요!";
        return str;
        }
	document.write(func());
}

결과

마지막함수에요!
  • ‘func’는 이름으로 함수를 선언했습니다.
  • 함수 내에서 변수 “str”에는 문자열 “This is the last function!”이 할당되고 “str”은 “return”으로 반환됩니다.
  • func() 함수 실행 결과를 인쇄하려면 documnet.write(func())를 호출하십시오.

네 가지 기본 유형을 살펴보았습니다.

이러한 유형에는 함수 이름 선언, 함수에 변수 할당, 결과 반환 또는 인쇄가 포함됩니다.

코드가 좀 길다고 생각하지 않으세요?

이 긴 코드는 매우 편리하게 단축할 수 있습니다.

4가지 기본 유형을 알면 변환 및 사용이 매우 쉽습니다. 보너스 에디션처럼?

화살표 함수란?

ES6(ES2015)에 새롭게 도입된 함수 선언 방식으로 보다 간결하고 편리하게 함수를 선언할 수 있습니다. 기존의 함수 선언 방식(4종)과 달리 “Function” 함수를 사용하지 않고 화살표(=>)를 대신 사용합니다.

4가지 함수선언 방식은 다음과 같이 화살표 함수로 간략하게 표현할 수 있다.

선언적 함수(화살표 방향)

{
	func=()=>{
    	document.write(이제는우리가);
    	}
    func();
}

익명 함수(화살표 방식)

{
	const funce=()=>{
    	document.write(헤어져야할시간);
        }
    func();
}

파라미터 기능(화살표 방식)

{
	func=(str)=>{
    	document.write(str);
        }
    func(다음에);
}

결과 함수(화살표 방법)

{
	func=()=>{
    	const str="다음에또만나요";
    	return str;
    	}
    document.write(func());
}

함수 함수를 제외하고 => (화살표)를 잊지마세요!!!!!!!!!

오늘도 수고했어!!