이 기사에서는 결정하는 방법을 배웁니다. const 키워드를 사용하는 JavaScript의 상수.
ES6제공합니다 새로운 길키워드를 사용한 상수 선언 const. 예어 const읽기 전용 값에 대한 참조를 만듭니다.
Const VARIABLENAME = 값;
합의에 의해 JavaScript의 상수 식별자는 대문자입니다..
예어 const열쇠처럼 보인다 말하자블록 범위 변수를 생성하지만 const, 변경할 수 없음.
키워드로 선언된 변수 허락하다~이다 변하기 쉬운. 이는 다음 예와 같이 언제든지 값을 변경할 수 있음을 의미합니다.
v = 10으로 하자;
v = 20;
v = v + 5;
콘솔 로그(v); // 35
그러나 키워드로 생성된 변수는 const, 변경할 수 없습니다. 즉, 재할당할 수 없습니다. 다른 값. 상수 변수를 재할당하려고 하면 유형 오류가 발생합니다. 유형 오류 .
고정 세금 = 0.1;
세금 = 0.2 ; // 유형 오류
또한 키워드로 선언된 변수는 상수,값으로 즉시 초기화해야 합니다. 다음 예제 호출 구문 오류(구문 오류) 상수 변수 선언에 이니셜라이저가 없기 때문입니다.
Const RED; // 구문 오류
앞서 언급했듯이 like 키워드로 선언된 변수는 허락하다, 키워드로 선언된 변수 상수,블록 범위가 있습니다.
그게 다입니다. 다음 기사에서는 키워드 사용에 대해 이야기하겠습니다. const객체 리터럴 포함 자바스크립트.
JavaScript의 변수 및 상수. 변수를 선언하고 값을 할당합니다. 전역 변수와 지역 변수. 상수 사용.
JavaScript에서 변수 선언
JavaScript에서 변수 이름은 문자, 숫자, $ 기호 및 _ 기호로 구성될 수 있으며 변수 이름은 숫자로 시작할 수 없습니다. JavaScript는 대소문자를 구분하며 a1과 A1은 다른 변수라는 점에 유의하십시오. 키릴 문자는 가능하지만 권장되지 않습니다.
JavaScript의 변수는 var 키워드로 선언됩니다.
바르 페레멘나야_1 바르 페레멘나야_2
선언 없이 JavaScript에서 변수를 사용하는 것은 권장되지 않습니다. 가능하지만 오류가 발생할 수 있습니다.
변수에 값 할당
JavaScript에서 선언된 변수에 값 할당:
Peremennaya_1 = 25 Peremennaya_2 = "할당된 텍스트는 곧은 따옴표로 묶여 있습니다."
선언 즉시 변수에 값을 할당할 수 있습니다.
Var Peremennaya_1 = 25 var Peremennaya_2 = "할당된 텍스트를 곧은 따옴표로 묶습니다."
JavaScript의 변수 값은 프로그램 실행 중에 변경될 수 있습니다. 변수에 텍스트를 쓸 때 곧은 따옴표로 묶어야 합니다.
변수 로컬 및 글로벌
함수 내에서 변수가 선언되면 현지의해당 기능 내에서만 사용할 수 있습니다(가시성 있음). 함수가 종료되면 JavaScript의 지역 변수가 소멸되므로 다른 함수에서 같은 이름의 변수를 사용할 수 있습니다.
변수가 함수 외부에서 선언되면 글로벌페이지 내의 모든 기능에서 사용할 수 있습니다(가시성 있음). 전역 변수는 페이지가 닫힐 때 JavaScript에서 소멸됩니다.
JavaScript의 상수
상수반복되는 값이나 표현식을 사용해야 할 때 코드 작업을 더 쉽게 할 수 있도록 설계되었습니다. 상수에 대한 값을 한 번 설정하는 것으로 충분하며 프로그램 코드에 삽입하여 원하는 만큼 사용할 수 있습니다. JavaScript에는 상수 선언을 위한 키워드가 없으며 상수 대신 일반 변수가 사용됩니다. 상수와 변수를 구별하기 위해 일반적으로 대문자, 필요한 경우 밑줄 사용:
Var DRUG_CHELOVEKA = "개"
"Dog"라는 단어는 이미 기억하기 쉽고 필요한 곳에 삽입하기 때문에 주어진 상수의 예는 완전하지 않습니다. JavaScript에서 상수를 사용하여 기억하기 어려운 코드, 문자 집합, 긴 텍스트, 웹 주소, 주소와 같은 더 복잡한 값을 작성하고 붙여넣을 수 있습니다. 이메일, 전화 번호, 다른 계수.
JavaScript에서 상수는 변수처럼 다시 작성할 수 있지만 그렇게 하면 상수의 의미가 손실됩니다.
함수는 작업을 수행하거나 값을 반환하는 코드 블록입니다. 함수는 재사용할 수 있는 사용자 지정 코드입니다. 따라서 기능 덕분에 프로그램이 모듈화되고 생산성이 높아집니다.
이 자습서에서는 JavaScript에서 함수를 정의 및 호출하고 함수 매개 변수를 사용하는 여러 가지 방법을 제공합니다.
기능 정의
함수는 function 키워드로 정의되거나 선언됩니다. JavaScript의 함수 구문은 다음과 같습니다.
함수 이름OfFunction()(
// 실행할 코드
}
함수 선언은 함수 키워드 뒤에 함수 이름이 오는 것으로 시작합니다. 함수 이름은 변수 이름과 동일한 규칙을 따릅니다. 문자, 숫자, 밑줄 및 달러 기호를 포함할 수 있으며 종종 카멜 케이스로 작성됩니다. 이름 다음에는 선택적 매개변수에 사용할 수 있는 괄호 세트가 옵니다. 함수 코드는 for 또는 if 문과 같이 중괄호 안에 포함됩니다.
알다시피 이름 매개변수의 값은 코드에서 할당되지 않으며 함수가 호출될 때 수행됩니다. 함수가 호출되면 사용자 이름이 인수로 전달됩니다. 인수는 함수에 전달되는 실제 값입니다(이 경우 8host와 같은 사용자 이름).
// 인수로 "8host"를 사용하여 인사 기능을 호출합니다.
welcome("8호스트");
8host 값은 name 매개변수를 통해 함수에 전달됩니다. 이제 name 매개변수는 이 함수에서 이 값을 나타냅니다. greetUser.js 파일 코드는 다음과 같습니다.
// 커스텀 인사말 함수 초기화
함수 인사(이름) (
console.log(`안녕하세요, $(이름)!`);
}
// 인수로 "8host"를 사용하여 인사 기능을 호출합니다.
welcome("8호스트");
이 프로그램을 실행하면 다음과 같은 결과가 나타납니다.
이제 함수를 재사용하는 방법을 알았습니다.
매개변수 외에도 함수 내에서 변수를 선언할 수 있습니다. 이러한 변수를 로컬이라고 하며 기능 블록 내에만 존재합니다. 변수 범위는 변수의 액세스 가능성을 결정합니다. 함수 내부에 정의된 변수는 함수 외부에서 접근할 수 없지만 프로그램 내에서 자신이 속한 함수가 사용되는 횟수만큼 사용할 수 있습니다.
반환 값
함수에서 둘 이상의 매개변수를 사용할 수 있습니다. 함수에 여러 값을 전달하고 값을 반환할 수 있습니다. 예를 들어 sum.js 파일을 만들고 그 안에 x와 y라는 두 값의 합을 구하는 함수를 선언합니다.
// 추가 함수 초기화
함수 추가(x, y) (
x + y를 반환합니다.
}
추가(9, 7);
이 코드는 매개변수 x와 y가 있는 함수를 정의합니다. 그런 다음 함수는 값 9와 7을 가져옵니다. 프로그램을 실행하십시오.
프로그램은 결과 값인 9와 7을 더하고 결과 16을 반환합니다.
return 키워드가 사용되면 함수는 실행을 중지하고 표현식의 값을 반환합니다. 이 경우 브라우저는 콘솔에 값을 표시하지만 console.log()를 사용하여 콘솔에 출력하는 것과는 다릅니다. 호출되면 함수는 호출된 위치로 값을 출력합니다. 이 값은 변수에 사용하거나 배치할 수 있습니다.
함수 표현식
이전 섹션에서 두 개의 숫자를 더하고 결과 값을 반환하는 함수를 선언했습니다. 함수를 변수에 할당하여 함수 표현식을 생성할 수도 있습니다.
이전 함수를 사용하여 결과 값을 sum 변수에 적용합니다.
// sum 상수에 add 함수 할당
상수 합계 = 함수 추가(x, y) (
x + y를 반환합니다.
}
// 합을 구하는 함수 호출
합계(20, 5);
25
이제 상수 합은 함수입니다. 이 표현식은 익명 함수로 바꾸면 단축될 수 있습니다(이것은 이름 매개변수가 없는 함수가 호출되는 방식입니다). 현재는 함수를 add라고 하지만 함수식에서는 보통 그 이름을 생략한다.
// 합계 상수에 함수 할당
상수 합 = 함수(x, y) (
x + y를 반환합니다.
}
// 합을 구하는 함수 호출
합계(100, 3);
103
이제 함수에는 더 이상 이름이 없으며 익명이 되었습니다.
명명된 함수 식은 디버깅에 사용할 수 있습니다.
화살표 함수
지금까지 함수는 function 키워드를 사용하여 정의되었습니다. 그러나 함수를 정의하는 더 새롭고 간결한 방법인 ECMAScript 6 화살표 함수가 있습니다. 화살표 함수는 등호 다음에 보다 큼 기호(=>)로 표시됩니다.
화살표 함수는 항상 익명이며 함수 표현식의 한 유형입니다. 두 숫자의 합을 구하는 기본 화살표 함수를 만들어 보십시오.
// 곱하기 함수 정의
상수 곱하기 = (x, y) => (
x*y를 반환합니다.
}
곱하기(30, 4);
120
함수를 작성하는 대신 기호 =>를 사용할 수 있습니다.
함수에 매개변수가 하나만 있는 경우 괄호를 생략할 수 있습니다. 다음 예에서 함수는 x를 제곱하므로 하나의 숫자만 인수로 필요합니다.
// 제곱 함수 정의
상수 제곱 = x => (
반환 x*x;
}
// 제품을 찾는 함수 호출
제곱(8);
64
메모: 화살표 함수에 매개변수가 없으면 빈 괄호()를 추가해야 합니다.
return 문으로만 구성된 화살표 함수는 단축될 수 있습니다. 함수가 하나의 리턴 라인으로만 구성된 경우 아래 예제와 같이 중괄호와 리턴문을 생략할 수 있습니다.
// 제곱 함수 정의
const square = x => x * x;
// 제품을 찾는 함수 호출
제곱(10);
100
결론
이 튜토리얼은 함수, 함수 표현식, 화살표 함수 선언, 값 반환, 함수 값을 변수에 할당하는 과정을 안내합니다.
함수는 값을 반환하거나 작업을 수행하는 코드 블록입니다.
태그:프로그램이 나중에 사용하기 위해 값을 저장해야 하는 경우 해당 값이 변수에 할당됩니다. 변수는 단순히 이름으로 값을 얻을 수 있는 기능을 제공하는 값에 대한 기호 이름입니다. 즉, 변수 이름이 프로그램에 지정되면 값이 대체됩니다.
변수는 프로그램 실행 중에 값이 변경될 수 있다는 사실에서 이름을 얻습니다.
상수
상수는 값의 상징적인 이름일 뿐입니다. 상수를 사용하면 이름으로 값을 참조할 수 있습니다. 즉, 프로그램에서 상수 이름을 지정하면 값이 상수 이름으로 대체됩니다. 상수는 프로그램 실행 중에 변경되어서는 안 되는 데이터를 저장하는 데 사용됩니다.
상수를 사용하려면 먼저 선언해야 합니다. 상수는 const 키워드와 상수 이름으로 선언됩니다. 프로그램 코드에서 상수와 변수를 구별하기 위해 대문자로 작성된 상수 이름을 제공하기로 합의했습니다.
상수 MAX = 10;
상수가 생성된 후 이를 변수에 재정의하거나 기존 상수에 값을 할당하려고 하면 오류가 발생합니다.
변수와 상수가 필요한 이유
변수와 상수는 코드를 이해하기 쉽게 만드는 데 도움이 됩니다. 작은 예를 고려하십시오.
총 가격 = 2.42 + 4.33; // 총 가격
여기서 숫자는 무엇이든 의미할 수 있습니다. 여기에 요약된 내용을 명확히 하기 위해 값 2.42를 변수(또는 상수) candyPrice(사탕 가격)에 할당하고 4.33을 변수(또는 상수) oilPrice(버터 가격)에 할당할 수 있습니다.
TotalPrice = candyPrice + oilPrice;
이제 이러한 값이 의미하는 바를 기억하는 대신 시나리오에서 과자 가격이 버터 가격에 추가되는 것을 볼 수 있습니다.
또한 변수와 상수는 스크립트를 디버깅할 때 시간을 절약하는 데 도움이 됩니다. 어디서나 동일한 리터럴을 사용하는 대신 스크립트 시작 부분에서 변수(또는 상수)에 할당한 다음 나머지 스크립트 코드에서 리터럴 대신 변수(또는 상수)를 사용할 수 있습니다. 나중에 값을 변경하기로 결정한 경우 코드 변경은 여러 곳이 아니라 변수(또는 상수)에 값이 할당된 한 곳에서만 변경해야 합니다.
상수의 범위
let 키워드로 선언된 변수와 동일한 규칙이 상수에 적용됩니다.
상수 MAX = 5; // 전역 상수( const MAX = 10; // 블록 상수 console.log(MAX); // 10 ) console.log(MAX); // 5 푸(); // 15 console.log(MAX); // 5 function foo() ( const MAX = 15; // 로컬 상수 console.log(MAX); )
상수 및 참조 유형
참조 유형의 값이 상수에 할당되면 값에 대한 참조는 변경할 수 없으며 값 자체는 변경 가능한 상태로 유지됩니다.
Const obj = (a: 5); obj.a = 10; console.log(obj.a); // 10
JavaScript 코드를 작성할 때 준수해야 하는 일련의 규칙 및 규칙입니다. 이 계약은 Java 프로그래밍 언어에 대한 Sun의 문서를 기반으로 합니다. 그러나 JavaScript는 Java가 아니므로 JavaScript 언어와 관련하여 문서가 수정되었습니다.
장기적 가치 소프트웨어, 코드의 품질에 직접적으로 의존합니다. 존재하는 동안 프로그램은 수많은 개발자의 손과 눈을 통과합니다. 프로그램 코드가 구조와 특성을 명확하게 전달할 수 있는 방식으로 작성되면 오랜 시간이 지난 후 다른 개발자 또는 작성자가 직접 수정하면 깨질 확률이 줄어듭니다.
에 대한 계약 프로그램 코드, 출력 품질을 개선하고 제품 실패 가능성을 줄이는 데 도움이 될 수 있습니다.
자바스크립트 파일
JavaScript 프로그램은 .js 파일에 저장해야 합니다.
JavaScript 코드를 삽입해서는 안 됩니다. HTML 파일코드가 단일 세션에 특정하지 않은 경우. HTML의 코드는 캐싱 및 압축으로 인한 축소 가능성 없이 페이지의 무게를 크게 증가시킵니다.