웹 프론트엔드 JS 튜토리얼 JavaScript 변수 이해를 위한 입문 튜토리얼_기본 지식

JavaScript 변수 이해를 위한 입문 튜토리얼_기본 지식

May 16, 2016 pm 03:51 PM
javascript 변하기 쉬운

변수는 정보를 저장하는 데 사용되는 컨테이너입니다.

x=5; length=66.10;

로그인 후 복사


학교에서 배운 대수학을 기억하시나요?


학교에서 들었던 대수학 과정을 되돌아보면 아마도 x=5, y=6, z=x y 등이 떠오를 것입니다.

문자에는 값(예: 5)이 포함될 수 있으며 위의 정보를 사용하여 z 값을 11로 계산할 수 있습니다.

잊지 않으셨겠죠?

이러한 문자를 변수라고 하며 변수는 값(x=5) 또는 표현식(z=x y)을 보유하는 데 사용될 수 있습니다.


자바스크립트 변수


대수학과 마찬가지로 JavaScript 변수는 값이나 표현식을 유지하는 데 사용됩니다.

변수에 x와 같은 짧은 이름이나 길이와 같이 좀 더 설명적인 이름을 지정할 수 있습니다.

JavaScript 변수는 carname="Volvo"와 같은 텍스트 값을 보유할 수도 있습니다.

JavaScript 변수 이름 규칙:


변수는 대소문자를 구분합니다(y와 Y는 서로 다른 두 변수입니다)


변수는 문자나 밑줄로 시작해야 합니다


참고: JavaScript는 대소문자를 구분하므로 변수 이름도 대소문자를 구분합니다.



스크립트 실행 중에 변수 값이 변경될 수 있습니다. 변수를 이름으로 참조하여 값을 표시하거나 변경할 수 있습니다.

이 예는 원리를 보여줍니다.


JavaScript 변수 선언(생성)


JavaScript에서 변수를 생성하는 것을 종종 "선언"이라고 합니다.

var 문을 통해 JavaScript 변수를 선언할 수 있습니다.

var x;
var carname;

로그인 후 복사


위 선언 이후 변수에는 값이 없지만 선언 시 변수에 값을 할당할 수 있습니다.

var x=5;
var carname="Volvo";

로그인 후 복사
로그인 후 복사


참고: 변수에 텍스트 값을 할당할 때 값을 따옴표로 묶으십시오.


JavaScript 변수에 값 할당


할당 문을 통해 JavaScript 변수에 값을 할당합니다.

x=5;
carname="Volvo";

로그인 후 복사
로그인 후 복사


변수 이름은 = 기호 왼쪽에 있고, 변수에 할당할 값은 = 기호 오른쪽에 있습니다.

위 명령문이 실행된 후 변수 x에 저장된 값은 5이고, carname의 값은 Volvo입니다.
선언되지 않은 JavaScript 변수에 값 할당


값을 할당한 변수가 선언되지 않은 경우 자동으로 선언됩니다.

다음 진술:

x=5;
carname="Volvo";

로그인 후 복사
로그인 후 복사


다음 명령문과 동일한 효과가 있습니다.

var x=5;
var carname="Volvo";

로그인 후 복사
로그인 후 복사


JavaScript 변수 재선언


JavaScript 변수를 다시 선언해도 변수는 원래 값을 잃지 않습니다.

var x=5;
var x;

로그인 후 복사


위 명령문이 실행된 후에도 변수 x의 값은 여전히 ​​5입니다. 변수가 다시 선언될 때 x 값은 재설정되거나 지워지지 않습니다.


자바스크립트 산술


대수학과 마찬가지로 JavaScript 변수를 사용하여 산술을 수행할 수 있습니다.

y=x-5;
z=y+5; 

로그인 후 복사

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 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를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 Dec 17, 2023 pm 02:54 PM

WebSocket 및 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 소개: 지속적인 기술 개발로 음성 인식 기술은 인공 지능 분야의 중요한 부분이 되었습니다. WebSocket과 JavaScript를 기반으로 한 온라인 음성 인식 시스템은 낮은 대기 시간, 실시간, 크로스 플랫폼이라는 특징을 갖고 있으며 널리 사용되는 솔루션이 되었습니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법을 소개합니다.

WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 Dec 17, 2023 pm 05:30 PM

WebSocket과 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 서론: 인터넷 기술의 급속한 발전과 함께 실시간 모니터링 시스템이 다양한 분야에서 널리 활용되고 있다. 실시간 모니터링을 구현하는 핵심 기술 중 하나는 WebSocket과 JavaScript의 조합입니다. 이 기사에서는 실시간 모니터링 시스템에서 WebSocket 및 JavaScript의 적용을 소개하고 코드 예제를 제공하며 구현 원칙을 자세히 설명합니다. 1. 웹소켓 기술

Java의 인스턴스 변수 란 무엇입니까? Java의 인스턴스 변수 란 무엇입니까? Feb 19, 2024 pm 07:55 PM

Java의 인스턴스 변수는 메소드나 생성자가 아닌 클래스에 정의된 변수를 참조합니다. 인스턴스 변수는 멤버 변수라고도 합니다. 클래스의 각 인스턴스에는 인스턴스 변수의 자체 복사본이 있습니다. 인스턴스 변수는 객체 생성 중에 초기화되며 해당 상태는 객체 수명 동안 저장 및 유지됩니다. 인스턴스 변수 정의는 일반적으로 클래스의 맨 위에 배치되며 public, private, protected 또는 기본 액세스 한정자를 비롯한 모든 액세스 한정자를 사용하여 선언할 수 있습니다. 그것은 우리가 원하는 것이 무엇인지에 달려 있습니다.

Ajax를 사용하여 PHP 메소드에서 변수를 얻는 방법은 무엇입니까? Ajax를 사용하여 PHP 메소드에서 변수를 얻는 방법은 무엇입니까? Mar 09, 2024 pm 05:36 PM

Ajax를 사용하여 PHP 메소드에서 변수를 얻는 것은 웹 개발의 일반적인 시나리오입니다. Ajax를 통해 데이터를 새로 고치지 않고도 페이지를 동적으로 얻을 수 있습니다. 이 기사에서는 Ajax를 사용하여 PHP 메소드에서 변수를 가져오는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 먼저 Ajax 요청을 처리하고 필요한 변수를 반환하기 위해 PHP 파일을 작성해야 합니다. 다음은 간단한 PHP 파일 getData.php에 대한 샘플 코드입니다.

JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축 JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축 Dec 17, 2023 pm 05:13 PM

JavaScript 및 WebSocket: 효율적인 실시간 일기 예보 시스템 구축 소개: 오늘날 일기 예보의 정확성은 일상 생활과 의사 결정에 매우 중요합니다. 기술이 발전함에 따라 우리는 날씨 데이터를 실시간으로 획득함으로써 보다 정확하고 신뢰할 수 있는 일기예보를 제공할 수 있습니다. 이 기사에서는 JavaScript 및 WebSocket 기술을 사용하여 효율적인 실시간 일기 예보 시스템을 구축하는 방법을 알아봅니다. 이 문서에서는 특정 코드 예제를 통해 구현 프로세스를 보여줍니다. 우리

Python 구문 마인드맵: 코드 구조에 대한 심층적인 이해 Python 구문 마인드맵: 코드 구조에 대한 심층적인 이해 Feb 21, 2024 am 09:00 AM

Python은 간단하고 읽기 쉬운 구문으로 다양한 분야에서 널리 사용됩니다. 프로그래밍 효율성을 높이고 코드 작동 방식을 깊이 이해하려면 Python 구문의 기본 구조를 숙지하는 것이 중요합니다. 이를 위해 이 기사에서는 Python 구문의 다양한 측면을 자세히 설명하는 포괄적인 마인드 맵을 제공합니다. 변수 및 데이터 유형 변수는 Python에서 데이터를 저장하는 데 사용되는 컨테이너입니다. 마인드맵은 정수, 부동 소수점 숫자, 문자열, 부울 값 및 목록을 포함한 일반적인 Python 데이터 유형을 보여줍니다. 각 데이터 유형에는 고유한 특성과 작업 방법이 있습니다. 연산자 연산자는 데이터 유형에 대한 다양한 작업을 수행하는 데 사용됩니다. 마인드맵은 산술 연산자, 비율 등 Python의 다양한 연산자 유형을 다룹니다.

간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 Jan 05, 2024 pm 06:08 PM

JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법, 특정 코드 예제가 필요합니다. 서문: 웹 개발에서는 서버와의 데이터 상호 작용이 종종 포함됩니다. 서버와 통신할 때 반환된 HTTP 상태 코드를 가져와서 작업의 성공 여부를 확인하고 다양한 상태 코드에 따라 해당 처리를 수행해야 하는 경우가 많습니다. 이 기사에서는 JavaScript를 사용하여 HTTP 상태 코드를 얻는 방법과 몇 가지 실용적인 코드 예제를 제공합니다. XMLHttpRequest 사용

jQuery 사용 사례: 변수가 비어 있는지 확인하는 여러 가지 방법 jQuery 사용 사례: 변수가 비어 있는지 확인하는 여러 가지 방법 Feb 27, 2024 pm 04:12 PM

jQuery는 웹 개발에 널리 사용되는 JavaScript 라이브러리로, 웹 페이지 요소를 조작하고 이벤트를 처리하는 간단하고 편리한 방법을 많이 제공합니다. 실제 개발에서는 변수가 비어 있는지 확인해야 하는 상황에 자주 직면합니다. 이 기사에서는 jQuery를 사용하여 변수가 비어 있는지 확인하고 특정 코드 예제를 첨부하는 몇 가지 일반적인 방법을 소개합니다. 방법 1: if 문을 사용하여 varstr="";if(str){co 결정

See all articles