JavaScript에서 표현식은 숫자, 연산자, 숫자 그룹화 기호(괄호), 자유 변수 및 제약 조건 변수 등을 숫자 값을 얻을 수 있는 의미 있는 배열로 조합한 것입니다. 표현식은 두 가지 유형으로 나눌 수 있습니다. 표현과 복잡한 표현.
이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.
일반적으로 JavaScript의 기본 구문과 관련하여 사람들이 더 많이 듣는 용어는 연산자와 명령문입니다. 그러나 실제로 자주 사용되지만 거의 언급되지 않는 또 다른 용어가 있는데, 바로 JavaScript 표현입니다. 이번 글에서는 자바스크립트 표현식을 자세히 소개하겠습니다
표현식이란 무엇인가요?
표현식은 숫자, 연산자, 숫자 그룹화 기호(괄호), 자유 변수 및 제약 변수 등을 숫자 값을 얻을 수 있는 의미 있는 배열로 조합한 것입니다. 제약변수는 표현식 내부에서 값을 할당받는 반면, 자유변수는 표현식 외부에서 값을 할당할 수 있습니다.
Javascript 표현식은 원시 표현식과 복합 표현식으로 구분됩니다
기본 표현식(기본 표현식)
기본 표현식은 표현식의 가장 작은 단위로 더 이상 다른 표현식을 포함하지 않습니다.
기본 표현식은 리터럴로 구분되며, 키워드 및 변수를 자세히 설명하면 이 키워드, 식별자 참조, 리터럴 참조, 배열 초기화, 개체 초기화 및 그룹 표현식
PrimaryExpression : this Identifier Literal ArrayLiteral ObjectLiteral ( Expression )
이 키워드 및 식별자
this;//返回当前对象 i;//返回变量i的值 sum;//返回变量sum的值
Literal
Literal, 리터럴로도 번역됨, 프로그램에서 직접 사용하는 데이터 값입니다
Literal :: NullLiteral BooleanLiteral NumericLiteral StringLiteral RegularExpressionLiteral
null; undefined; true; false; 1; 'abc'; /pattern/;
배열 및 객체 초기화
배열 초기화 및 객체 초기화는 실제로 리터럴 초기화 과정을 설명하는 방식입니다. 이 두 초기화 표현식은 "객체 리터럴" 및 "배열 리터럴"이라고도 합니다.
[]; [1,2,3]; {}; {a:1};
그룹 표현식
그룹 표현식은 실제로 괄호이며 연산자의 우선 순위를 재정의하는 데 사용됩니다
복잡한 표현식(MemberExpression)
복잡한 표현식은 속성 액세스 표현식, 객체 생성 표현식 및 함수 표현식을 포함한 기본 표현식과 연산자로 구성됩니다.
MemberExpression : MemberExpression [ Expression ] MemberExpression . IdentifierName new MemberExpression Arguments FunctionExpression
속성 액세스 표현식
속성 액세스 표현식 연산은 객체 속성 또는 배열 요소의 값을 가져올 수 있습니다. 속성 액세스를 위한 두 가지 구문을 정의합니다
MemberExpression . IdentifierName MemberExpression [ Expression ]
첫 번째 작성 방법은 표현식 뒤에 마침표와 식별자가 오는 것입니다. 표현식은 객체를 지정하고 식별자는 액세스해야 하는 속성의 이름을 지정합니다. 두 번째 작성 방법은 대괄호를 사용하는 것이며, 대괄호 안에는 또 다른 표현식이 있습니다(이 방법은 객체 및 배열에 적용됩니다). 두 번째 표현식은 액세스할 속성의 이름을 지정하거나 액세스할 배열 요소의 인덱스를 나타냅니다. 어떤 형식의 속성 액세스 표현식을 사용하든 '.' 및 '[' 앞의 표현식이 항상 첫 번째가 됩니다. 계산
계산 결과가 null이거나 정의되지 않은 경우 두 값 모두 속성을 포함할 수 없기 때문에 표현식에서 유형 오류 예외가 발생합니다.
계산 결과가 개체가 아닌 경우 JavaScript는 이를 개체로 변환합니다.
객체 표현식 뒤에 마침표와 식별자가 오면 이 식별자로 지정된 속성 값을 검색하여 전체 표현식의 값으로 반환합니다. 객체 표현식 뒤에 대괄호 쌍이 오면 해당 값이 대괄호 안의 표현식 값이 평가되어 문자열로 변환됩니다
두 경우 모두 명명된 속성이 없으면 전체 속성 액세스 표현식의 값은 정의되지 않습니다
객체 생성 표현식객체 생성 표현식 생성 객체와 새 객체의 속성을 초기화하는 함수 호출
var o = {x:1,y:{z:3}}; //对象字面量 var a = [o,4,[5,6]]; // 包含对象的数组字面量 o.x;//表达式o的x属性 o.y.z;//表达式o.y的z属性 o['x'];//对象o的x属性 a[1];//表达式a中索引为1的元素
객체 생성 표현식에서 생성자에 매개변수 전달이 필요하지 않은 경우 이 빈 괄호 쌍을 생략할 수 있습니다new Object();
new Point(2,3);
함수 표현식은 함수 정의 표현식과 함수 호출 표현식으로 구분됩니다.
함수 정의 표현식은 자바스크립트 함수를 정의하고, 표현식의 값은 새로 정의된 함수입니다. 일반적인 함수 정의 표현식에는 키워드가 포함됩니다 함수, 그 뒤에 괄호 한 쌍이 오고, 괄호 안에는 0개 이상의 식별자(매개변수 이름)를 포함하는 쉼표로 구분된 목록이 있고, 그 뒤에는 중괄호로 묶인 JavaScript 코드 세그먼트(함수 본문)가 옵니다.
new Object;
함수 정의 표현식 함수 이름을 포함할 수도 있고, 함수 표현식 대신 함수 문을 통해 함수를 정의할 수도 있습니다.
function square(x){ return x*x; }
함수 호출 표현식은 함수나 메서드를 호출하거나 실행하는 것을 문법적으로 표현한 것입니다. 이 표현식이 속성 액세스 표현식인 경우 이 호출을 메서드 호출이라고 합니다
var square = function(x){return x*x;}
[관련 권장 사항:
javascript 학습 튜토리얼]위 내용은 JavaScript의 표현식이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!