웹 프론트엔드 JS 튜토리얼 [자바스크립트 튜토리얼] 자바스크립트 구문

[자바스크립트 튜토리얼] 자바스크립트 구문

Dec 24, 2016 pm 02:30 PM

자바스크립트 구문

자바스크립트는 프로그래밍 언어입니다. 문법 규칙은 언어의 구조를 정의합니다.

JavaScript 구문

JavaScript는 스크립팅 언어입니다.

가벼우면서도 강력한 프로그래밍 언어입니다.

JavaScript Literal

프로그래밍 언어에서 리터럴은 3.14에서와 같이 상수입니다.

숫자 리터럴은 정수, 소수 또는 과학적 표기법(e)일 수 있습니다.

3.14

1001

123e5
로그인 후 복사

문자열 리터럴은 큰따옴표 또는 작은따옴표로 작성할 수 있습니다.

"John Doe"

'John Doe'
로그인 후 복사

표현식 리터럴은 계산에 사용됩니다.

5 + 6

5 * 10
로그인 후 복사

배열 리터럴은 배열을 정의합니다. :

[40, 100, 1, 5, 25, 10]
로그인 후 복사

객체 리터럴은 객체를 정의합니다.

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
로그인 후 복사

함수 리터럴 수량 함수 정의:

function myFunction(a, b) { return a * b;}
로그인 후 복사

JavaScript 변수

프로그래밍 언어에서는 변수를 사용하여 데이터 값을 저장합니다.

자바스크립트는 var 키워드를 사용하여 변수를 정의하고 등호를 사용하여 변수에 값을 할당합니다.

var x, length

x = 5

length = 6
로그인 후 복사

변수는 변수 이름을 통해 액세스할 수 있습니다. 명령형 언어에서 변수는 일반적으로 변경 가능합니다. 리터럴은 상수 값입니다.


변수는 이름입니다. 리터럴은 값입니다.

JavaScript 연산자

JavaScript는 산술 연산자를 사용하여 값을 계산합니다.

(5 + 6) * 10
로그인 후 복사

JavaScript는 할당 연산자를 사용합니다. 값 할당 변수에:

x = 5
y = 6
z = (x + y) * 10
로그인 후 복사

JavaScript 언어에는 다양한 유형의 연산자가 있습니다: /p>

Type

Instance

설명

할당, 산술 및 비트 연산자 = + - * / JS 연산자에 설명됨

조건부, 비교 및 ​​논리 연산자 == != < JS 비교 연산자

JavaScript 문

HTML에서 JavaScript 문은 브라우저에 명령을 보냅니다.

문은 세미콜론으로 구분됩니다.

x = 5 + 6;
y = x * 10;
로그인 후 복사

JavaScript 키워드

JavaScript 문은 일반적으로 키워드로 시작합니다. var 키워드는 브라우저에 새 변수를 생성하라고 지시합니다.

var x = 5 + 6;
var y = x * 10;
로그인 후 복사

JavaScript 식별자

다른 프로그래밍 언어와 마찬가지로 JavaScript는 자체 사용을 위해 일부 식별자를 예약합니다.

JavaScript는 현재 언어 버전에서는 사용되지 않지만 향후 JavaScript 확장에서는 사용될 일부 키워드도 예약합니다.

JavaScript 식별자는 문자, 밑줄(_) 또는 달러 기호($)로 시작해야 합니다.

다음 문자는 문자, 숫자, 밑줄 또는 달러 기호일 수 있습니다(자바스크립트가 식별자와 숫자를 쉽게 구별할 수 있도록 숫자가 첫 번째 문자로 나타날 수 없습니다). <…

break 내보내기 인터페이스 동기화

바이트 확장

case false long throw

catch final native throws

char finally new transient

class float null true

const for package try

continue function private typeof

debugger goto protected var

default if public void

delete implements return volatile

do import short while

double in static with

JavaScript 注释

不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略:

// 我不会执行

JavaScript 数据类型

JavaScript 有多种数据类型:数字,字符串,数组,对象等等:

var length = 16;                                  // Number 通过数字字面量赋值 
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值
로그인 후 복사

数据类型的概念

编程语言中,数据类型是一个非常重要的内容。

为了可以操作变量,了解数据类型的概念非常重要。

如果没有使用数据类型,以下实例将无法执行:

16 + "Volvo"
로그인 후 복사

16 加上 "Volvo" 是如何计算呢? 以上会产生一个错误还是输出以下结果呢?

"16Volvo"
로그인 후 복사

你可以在浏览器尝试执行以上代码查看效果。

在接下来的章节中你将学到更多关于数据类型的知识。

JavaScript 函数

JavaScript 语句可以写在函数内,函数可以重复引用:

引用一个函数 = 调用函数(执行函数内的语句)。

function myFunction(a, b) {
    return a * b;                                // 返回 a 乘于 b 的结果
}
로그인 후 복사

JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样,变量 myVariable 与 MyVariable 也是不同的。

JavaScript 字符集

JavaScript 使用 Unicode 字符集。

Unicode 覆盖了所有的字符,包含标点等字符。

如需进一步了解,请学习我们的 完整 Unicode 参考手册。

您知道吗?

JavaScript 中,常见的是驼峰法的命名规则,如 lastName (而不是lastname)。    

 以上就是【JavaScript教程】JavaScript 语法的内容,更多相关内容请关注PHP中文网(www.php.cn)!


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

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 채팅 명령 및 사용 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

내 자신의 JavaScript 라이브러리를 어떻게 작성하고 게시합니까? 내 자신의 JavaScript 라이브러리를 어떻게 작성하고 게시합니까? Mar 18, 2025 pm 03:12 PM

기사는 JavaScript 라이브러리 작성, 게시 및 유지 관리, 계획, 개발, 테스트, 문서 및 홍보 전략에 중점을 둡니다.

브라우저에서 성능을 위해 JavaScript 코드를 최적화하려면 어떻게해야합니까? 브라우저에서 성능을 위해 JavaScript 코드를 최적화하려면 어떻게해야합니까? Mar 18, 2025 pm 03:14 PM

이 기사는 브라우저에서 JavaScript 성능을 최적화하기위한 전략에 대해 설명하고 실행 시간을 줄이고 페이지로드 속도에 미치는 영향을 최소화하는 데 중점을 둡니다.

프론트 엔드 열 용지 영수증에 대한 차량 코드 인쇄를 만나면 어떻게해야합니까? 프론트 엔드 열 용지 영수증에 대한 차량 코드 인쇄를 만나면 어떻게해야합니까? Apr 04, 2025 pm 02:42 PM

프론트 엔드 개발시 프론트 엔드 열지대 티켓 인쇄를위한 자주 묻는 질문과 솔루션, 티켓 인쇄는 일반적인 요구 사항입니다. 그러나 많은 개발자들이 구현하고 있습니다 ...

브라우저 개발자 도구를 사용하여 JavaScript 코드를 효과적으로 디버그하려면 어떻게해야합니까? 브라우저 개발자 도구를 사용하여 JavaScript 코드를 효과적으로 디버그하려면 어떻게해야합니까? Mar 18, 2025 pm 03:16 PM

이 기사는 브라우저 개발자 도구를 사용하여 효과적인 JavaScript 디버깅, 중단 점 설정, 콘솔 사용 및 성능 분석에 중점을 둡니다.

누가 더 많은 파이썬이나 자바 스크립트를 지불합니까? 누가 더 많은 파이썬이나 자바 스크립트를 지불합니까? Apr 04, 2025 am 12:09 AM

기술 및 산업 요구에 따라 Python 및 JavaScript 개발자에 대한 절대 급여는 없습니다. 1. 파이썬은 데이터 과학 및 기계 학습에서 더 많은 비용을 지불 할 수 있습니다. 2. JavaScript는 프론트 엔드 및 풀 스택 개발에 큰 수요가 있으며 급여도 상당합니다. 3. 영향 요인에는 경험, 지리적 위치, 회사 규모 및 특정 기술이 포함됩니다.

소스 맵을 사용하여 조정 된 JavaScript 코드를 디버그하는 방법은 무엇입니까? 소스 맵을 사용하여 조정 된 JavaScript 코드를 디버그하는 방법은 무엇입니까? Mar 18, 2025 pm 03:17 PM

이 기사는 소스 맵을 사용하여 원래 코드에 다시 매핑하여 미니어링 된 JavaScript를 디버그하는 방법을 설명합니다. 소스 맵 활성화, 브레이크 포인트 설정 및 Chrome Devtools 및 Webpack과 같은 도구 사용에 대해 설명합니다.

Console.log 출력 결과의 차이 : 두 통화가 다른 이유는 무엇입니까? Console.log 출력 결과의 차이 : 두 통화가 다른 이유는 무엇입니까? Apr 04, 2025 pm 05:12 PM

Console.log 출력의 차이의 근본 원인에 대한 심층적 인 논의. 이 기사에서는 Console.log 함수의 출력 결과의 차이점을 코드에서 분석하고 그에 따른 이유를 설명합니다. � ...

초보자를위한 타이프 스크립트, 2 부 : 기본 데이터 유형 초보자를위한 타이프 스크립트, 2 부 : 기본 데이터 유형 Mar 19, 2025 am 09:10 AM

엔트리 레벨 타입 스크립트 자습서를 마스터 한 후에는 TypeScript를 지원하고 JavaScript로 컴파일하는 IDE에서 자신의 코드를 작성할 수 있어야합니다. 이 튜토리얼은 TypeScript의 다양한 데이터 유형으로 뛰어납니다. JavaScript에는 NULL, UNDEFINED, BOOLEAN, 번호, 문자열, 기호 (ES6에 의해 소개 됨) 및 객체의 7 가지 데이터 유형이 있습니다. TypeScript는이 기반으로 더 많은 유형을 정의 하며이 튜토리얼은이 모든 튜토리얼을 자세히 다룹니다. 널 데이터 유형 JavaScript와 마찬가지로 Null in TypeScript

See all articles