동적 웹 애플리케이션은 . 웹 애플리케이션의 인기가 높아지면서 자바 스크립트 오늘날 세계에서 가장 중요한 언어 중 하나가되었습니다. 이 JavaScript 함수 기사는 다음 순서로 JavaScript에서 함수를 정의하는 다양한 방법을 설명합니다.
자바 스크립트 소개
JavaScript는 높은 레벨 , 통역, 프로그래밍 언어 웹 페이지를보다 인터랙티브하게 만드는 데 사용됩니다. 웹 페이지를보다 생동감 있고 대화식으로 만드는 매우 강력한 클라이언트 측 스크립팅 언어입니다.
C ++ 병합 정렬 코드
웹 페이지에 복잡하고 아름다운 디자인을 구현하는 데 도움이되는 프로그래밍 언어입니다. 웹 페이지가 생생하게 보이고 단순히 당신을 쳐다 보는 것보다 훨씬 더 많은 일을하려면 JavaScript가 필수입니다.
JavaScript의 기초
언어를 처음 사용하는 경우 몇 가지를 알아야합니다. JavaScript의 기초 코드 작성을 시작하는 데 도움이됩니다. 기본 사항은 다음과 같습니다.
- 배열
- 기능
당신은 확인할 수 있습니다 JavaScript의 이러한 기본 개념과 기본 사항에 대해 자세히 알아보십시오. 이 JavaScript 함수 기사에서는 함수를 정의하는 다양한 방법에 초점을 맞출 것입니다.
자바 스크립트 기능
JavaScript 함수는 코드 블록 특정 작업을 수행하도록 설계되었습니다. 함수를 호출하여 실행할 수 있습니다. 이것은 호출 또는 부름 기능.
함수를 사용하려면 호출하려는 범위 내 어딘가에 함수를 정의해야합니다. 아이디어는 일반적으로 수행되는 작업을 함께 모아서 다른 입력에 대해 동일한 코드를 반복해서 작성하는 대신 특정 함수를 호출 할 수 있도록 함수를 만드는 것입니다.
기본 통사론 JavaScript에서 함수를 만드는 방법은 다음과 같습니다.
function functionName (Parameter1, Parameter2, ..) {// 함수 본문}
JavaScript는 다양한 내장 또는 미리 정의 된 기능 . 그러나 사용자 정의 함수를 만들 수도 있습니다. 그럼 계속해서 일반적으로 사용되는 미리 정의 된 함수 중 일부를 살펴 보겠습니다.
미리 정의 된 함수
JavaScript에는 몇 가지 최상위 내장 함수가 있습니다. 언어에 내장 된 몇 가지 기능을 살펴 보겠습니다.
기능 | 기술 |
평가 | 문자열 / 산술 식을 평가하고 값을 반환합니다. |
ParseInt | 문자열 인수를 구문 분석하고 지정된 밑의 정수를 반환합니다. |
ParseFloat | 문자열 인수를 구문 분석하고 부동 소수점 숫자를 반환합니다. |
탈출 | 인수의 16 진수 인코딩을 반환합니다. |
탈출 해제 | 지정된 값에 대한 ASCII 문자열을 반환합니다. |
예를 들어 이러한 사전 정의 된 함수가 JavaScript에서 어떻게 작동하는지 살펴 보겠습니다.
var x = 10 var y = 20 var a = eval ( 'x * y') // 평가 var b = parseInt ('10 .00 ') // ParseInt var c = parseFloat ('10') // ParseFloat escape ( 'Welcome to Edureka ') // 탈출 unescape ('Welcome to Edureka ') // 탈출 해제
JavaScript 함수를 정의하는 다양한 방법
함수는 다양한 방법으로 정의 할 수 있습니다. 함수가 외부 구성 요소 및 호출 유형과 상호 작용하는 방식을 확인하는 것이 중요합니다. 다른 방법은 다음과 같습니다.
함수 선언
함수 선언은 기능 키워드 , 필수 기능 이름, 목록 매개 변수 한 쌍의 괄호와 본문 코드를 구분하는 중괄호 한 쌍으로.
다음과 같이 정의됩니다.
// 함수 선언 function isEven (num) {return num % 2 === 0} isEven (24) // => true isEven (11) // => false
함수 isEven (num) 숫자가 짝수인지 확인하는 데 사용되는 함수 선언입니다.
기능 표현
함수 표현식은 기능 키워드 , 선택적 함수 이름, 괄호 쌍의 매개 변수 목록 및 본문 코드를 구분하는 중괄호 쌍이 뒤 따릅니다.
다음과 같이 정의됩니다.
const count = function (array) {// 함수 표현식 return array.length} const methods = {numbers : [2, 5, 8], sum : function () {// 함수 표현식 return this.numbers.reduce (function ( acc, num) {// func. expression return acc + num})}} count ([1, 7, 2]) // => 3 가지 methods.sum () // => 15
함수 표현식은 다음과 같은 다양한 상황에서 사용할 수있는 함수 객체를 만듭니다.
자바 토큰이란?
- 그것은에 할당 될 수 있습니다 변하기 쉬운 로 목적: 개수 = function (…) {…}
- 만들기 방법 객체 합계 : function () {…}
- 사용 함수 가지고있다 콜백 : .reduce (function (…) {…})
속기 방법 정의
약식 메서드 정의는 다음의 메서드 선언에 사용됩니다. 개체 리터럴 그리고 ES6 수업. 다음을 사용하여 정의 할 수 있습니다. 기능 명 , 목록 뒤에 매개 변수 한 쌍의 괄호와 본문 명령문을 구분하는 중괄호 쌍으로.
다음 예제는 객체 리터럴에서 속기 메서드 정의를 사용합니다.
const collection = {items : [], add (... items) {this.items.push (... items)}, get (index) {return this.items [index]}} collection.add ( 'edureka ','Online ','JavaScript ') collection.get (1) // =>'edureka '
속기 접근법에는 몇 가지 혜택 다음과 같은 전통적인 속성 정의보다
- 그것은 더 짧은 구문 읽고 쓰기가 더 쉽습니다.
- 이렇게하면 함수 식과 달리 명명 된 함수가 생성됩니다. 유용합니다 디버깅.
화살표 기능
화살표 함수는 매개 변수 목록을 포함하는 한 쌍의 괄호와 그 뒤에 뚱뚱한 화살 (=>) 및 본문 문을 구분하는 중괄호 쌍.
다음 예제는 화살표 기능의 기본 사용법을 보여줍니다.
const absValue = (숫자) => {if (숫자 21 absValue (7) // => 7
여기, absValue 숫자의 절대 값을 계산하는 화살표 함수입니다.
발전기 기능
JavaScript의 생성기 함수는 발전기 목적. 구문은 함수 표현식, 함수 선언 또는 메서드 선언과 유사합니다. 그러나 그것은 스타 캐릭터 (*) .
생성기 함수는 다음 형식으로 선언 할 수 있습니다.
- 함수 선언 양식 function * () :
function * indexGenerator () {var index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .value) // => 1
- 함수 표현식 형식 function * () :
const indexGenerator = function * () {let index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. next (). value) // => 1
const obj = {* indexGenerator () {var index = 0 while (true) {yield index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 console. log (g.next (). value) // => 1
생성기 함수는 개체 g 세 가지 경우 모두. 그런 다음 일련의 증가 된 숫자를 생성하는 데 사용됩니다.
함수 생성자
Function이 생성자로 호출되면 새로운 기능 생성됩니다. 생성자에 전달 된 인수는 새 함수의 매개 변수 이름이됩니다. 여기서 마지막 인수는 기능 본체 암호.
예를 들면 :
이클립스 설정 방법
function sum1 (a, b) {return a + b} const sum2 = function (a, b) {return a + b} const sum3 = (a, b) => a + b console.log (typeof sum1 === 'function') // => true console.log (typeof sum2 === 'function') // => true console.log (typeof sum3 === 'function') // => true
이것들은 JavaScript에서 함수를 정의하는 몇 가지 다른 방법입니다. 이것으로 우리는 우리 기사의 끝까지 왔습니다. JavaScript 함수가 무엇인지, 그리고 그것들을 정의하는 다른 방법을 이해 하셨기를 바랍니다.
이제 JavaScript 함수에 대해 알았으니 에듀 레카. 웹 개발 인증 교육은 HTML5, CSS3, Twitter Bootstrap 3, jQuery 및 Google API를 사용하여 인상적인 웹 사이트를 만들고 Amazon Simple Storage Service (S3)에 배포하는 방법을 배우는 데 도움이됩니다.
질문이 있으십니까? 'JavaScript 함수'의 주석 섹션에 언급 해 주시면 연락 드리겠습니다.