그렇다면 함수와 메소드는 같은 것인가?
7027 단어 htmlwebdevcssjavascript
프롤로그 ... 이런! 도! 이런!
그것은 영화에서 나오는 무서운 비트 드롭과 같기로 되어 있었습니다... 신경쓰지 마세요.
안녕하세요, 환영합니다. 제 이름은 Marcelo Varela입니다. 이 블로그를 통해 코딩 마스터가 되기 위한 여정을 안내해 드리겠습니다. 제 블로그 중 호기심을 유발하거나 위기에 도움이 될 수 있다고 생각되는 블로그가 있다면 주저하지 말고 확인하세요!! 이 블로그에서 JavaScript의 작은 비밀을 알려드리겠습니다! 그 비밀은... 그리고 이 블로그가 끝날 때까지 그 이유를 알게 될 것입니다.
먼저 몇 가지 기능과 다른 유형에 대해 알아봅시다.
기능
좋아, 드라이브 인 펑션에서 이 카트에 바로 뛰어들 수 있습니다.
먼저 우리는 함수가 무엇인지 배웠습니다. 그렇다면 함수란 무엇인가? __프로그래밍에서 함수는 전체 코드에서 사용할 수 있는 코드 블록입니다. 그러나 여기에는 함정이 있습니다. 먼저 함수를 작성하는 4가지 유형의 방법을 알려드리겠습니다.
1. 함수 선언
자, 우리가 첫 번째 랩을 끝낼 때 #1 자동차(선언)는 코드의 아무 곳에나 배치할 수 있는 기본 기능이며 여기에 표시된 것처럼 호출되면 활성화됩니다.
racer1();
function racer1(){
console.log("Im going for 1st place in today's race");
}
racer1();
함수 위와 그 아래에 있는 racer1
모두 작동하고 표시된 부분을 콘솔/터미널로 반환합니다.
2. 함수 표현
2번 자동차(익스프레션)가 랩 2를 마치면 이전의 예외가 발생합니다.
이 유형의 함수에서는 함수 호출 위나 전에 작성해야 합니다. 이 형태의 함수를 호출 아래에 놓으면 콘솔/터미널에서 오류가 발생합니다. 함수 표현식을 작성하는 방법의 예는 다음과 같습니다.
const racer2 = function(){
console.log('Should I try to pass Mickelson on the next turn' );
}
racer2();
함수가 이 형식의 함수 호출 위에 있지 않으면 콘솔/터미널에서 오류가 발생합니다.
3. 기능 화살표
랩 3의 마지막 턴에서 2번 차량을 추월하려는 차량은 3번 차량(화살표)입니다.
함수 화살표는 함수를 작성하는 또 다른 방법일 뿐이며, 아래와 같이 표현식처럼 호출 앞에 배치해야 합니다.
let racer2Name = Clyde;
const racer3 = () => 'Im going to pass', ${racer2Name}, ', I know it';
console.log(racer3)
이는 함수를 작성하는 여러 가지 방법일 뿐이라는 점을 명심하십시오. 함수 내부의 코드를 특정 형식으로 다시 작성했다면 이전 함수를 사용하여 콘솔/터미널에서 동일한 결과를 얻을 수 있었습니다.
행동 양식
랩 4가 거의 끝나갈 무렵 자동차 #4(방법)는 뒤에서 올라와 그룹을 따라잡을 수 있음을 보여주기로 결정했습니다.
그래서... 블로그 시작 부분에서 말씀드렸던 비밀을 받아들일 준비가 되셨나요? 여기 있습니다: 방법... ae는 함수를 작성하는 또 다른 방법입니다. :):) 그들이 하는 일은 콘솔/터미널에 들어갈 때 함수에 능력이나 특정 작업을 제공하는 것뿐입니다. 예에는 .length
, .toUpperCase
가 포함됩니다. 다음은 방법의 예입니다.
let name = Kirito
racer4 = name.toUpperCase();
console.log(racer4);
.forEach 메서드
또 다른 주목할만한 방법은 .forEach
입니다. 이 메서드는 호출될 때 함수에서 사용할 수 있는 모든 사용 가능한 용어 목록을 기록합니다. 다음은 이를 수행하는 방법의 예입니다.
let mainCharecters = ['Kirito', 'Clyde', 'Natsu', 'Gon', 'Kiliua', 'Asuna', 'Lucy']
const powerMode = (mainCharacters, index) => {
console.log('${index} - My name is ${mainCharacters}')
}
mainCharacters.forEach(powerMode);
끝... 으흠! 브르마! 브르마!
이것이 들리나요, 노이즈 효과가 의미합니다. 좋아, 경주가 어떻게 끝났는지 말해 줄 수도 있을 것 같아. 4자 동점이었다. 각 자동차 또는 기능은 동시에 최고의 기능에 도달했습니다. 그것들은 모두 사용하는 것이 중요하고 어느 것도 다른 것보다 더 중요하지 않다는 것을 의미합니다. 결국 어떤 것을 언제 사용할지 선호하지 않습니다.
이 블로그에서 검토하기 위해 다음을 다루었습니다.
좋아, 드라이브 인 펑션에서 이 카트에 바로 뛰어들 수 있습니다.
먼저 우리는 함수가 무엇인지 배웠습니다. 그렇다면 함수란 무엇인가? __프로그래밍에서 함수는 전체 코드에서 사용할 수 있는 코드 블록입니다. 그러나 여기에는 함정이 있습니다. 먼저 함수를 작성하는 4가지 유형의 방법을 알려드리겠습니다.
1. 함수 선언
자, 우리가 첫 번째 랩을 끝낼 때 #1 자동차(선언)는 코드의 아무 곳에나 배치할 수 있는 기본 기능이며 여기에 표시된 것처럼 호출되면 활성화됩니다.
racer1();
function racer1(){
console.log("Im going for 1st place in today's race");
}
racer1();
함수 위와 그 아래에 있는
racer1
모두 작동하고 표시된 부분을 콘솔/터미널로 반환합니다.2. 함수 표현
2번 자동차(익스프레션)가 랩 2를 마치면 이전의 예외가 발생합니다.
이 유형의 함수에서는 함수 호출 위나 전에 작성해야 합니다. 이 형태의 함수를 호출 아래에 놓으면 콘솔/터미널에서 오류가 발생합니다. 함수 표현식을 작성하는 방법의 예는 다음과 같습니다.
const racer2 = function(){
console.log('Should I try to pass Mickelson on the next turn' );
}
racer2();
함수가 이 형식의 함수 호출 위에 있지 않으면 콘솔/터미널에서 오류가 발생합니다.
3. 기능 화살표
랩 3의 마지막 턴에서 2번 차량을 추월하려는 차량은 3번 차량(화살표)입니다.
함수 화살표는 함수를 작성하는 또 다른 방법일 뿐이며, 아래와 같이 표현식처럼 호출 앞에 배치해야 합니다.
let racer2Name = Clyde;
const racer3 = () => 'Im going to pass', ${racer2Name}, ', I know it';
console.log(racer3)
이는 함수를 작성하는 여러 가지 방법일 뿐이라는 점을 명심하십시오. 함수 내부의 코드를 특정 형식으로 다시 작성했다면 이전 함수를 사용하여 콘솔/터미널에서 동일한 결과를 얻을 수 있었습니다.
행동 양식
랩 4가 거의 끝나갈 무렵 자동차 #4(방법)는 뒤에서 올라와 그룹을 따라잡을 수 있음을 보여주기로 결정했습니다.
그래서... 블로그 시작 부분에서 말씀드렸던 비밀을 받아들일 준비가 되셨나요? 여기 있습니다: 방법... ae는 함수를 작성하는 또 다른 방법입니다. :):) 그들이 하는 일은 콘솔/터미널에 들어갈 때 함수에 능력이나 특정 작업을 제공하는 것뿐입니다. 예에는
.length
, .toUpperCase
가 포함됩니다. 다음은 방법의 예입니다.
let name = Kirito
racer4 = name.toUpperCase();
console.log(racer4);
.forEach 메서드
또 다른 주목할만한 방법은
.forEach
입니다. 이 메서드는 호출될 때 함수에서 사용할 수 있는 모든 사용 가능한 용어 목록을 기록합니다. 다음은 이를 수행하는 방법의 예입니다.let mainCharecters = ['Kirito', 'Clyde', 'Natsu', 'Gon', 'Kiliua', 'Asuna', 'Lucy']
const powerMode = (mainCharacters, index) => {
console.log('${index} - My name is ${mainCharacters}')
}
mainCharacters.forEach(powerMode);
끝... 으흠! 브르마! 브르마!
이것이 들리나요, 노이즈 효과가 의미합니다. 좋아, 경주가 어떻게 끝났는지 말해 줄 수도 있을 것 같아. 4자 동점이었다. 각 자동차 또는 기능은 동시에 최고의 기능에 도달했습니다. 그것들은 모두 사용하는 것이 중요하고 어느 것도 다른 것보다 더 중요하지 않다는 것을 의미합니다. 결국 어떤 것을 언제 사용할지 선호하지 않습니다.
이 블로그에서 검토하기 위해 다음을 다루었습니다.
Decelerations
, Expressions
, Arrows
및 Methods
, .forEach
로 알려진 특정 유형의 메서드입니다. 이 블로그를 방문하여 확인해 주셔서 다시 한 번 감사드립니다. 대화를 원하시면 댓글로 저와 소통하시면 됩니다. 우리는 대화를 나눕니다. 팁이나 질문이 있는 경우 의견에 lmk를 입력하고 최선을 다해 질문에 답변해 주세요. 좋은 하루 또는 저녁 되세요!!! npxt one에서 만나요!!!
자원
Reference
이 문제에 관하여(그렇다면 함수와 메소드는 같은 것인가?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/marcelovarela22377/so-functions-and-methods-are-the-same-4oi4텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)