>웹 프론트엔드 >프런트엔드 Q&A >JavaScript의 표현식이란 무엇입니까?

JavaScript의 표현식이란 무엇입니까?

青灯夜游
青灯夜游원래의
2022-01-26 15:51:133771검색

JavaScript에서 표현식은 숫자, 연산자, 숫자 그룹화 기호(괄호), 자유 변수 및 제약 조건 변수 등을 숫자 값을 얻을 수 있는 의미 있는 배열로 조합한 것입니다. 표현식은 두 가지 유형으로 나눌 수 있습니다. 표현과 복잡한 표현.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.