이전에는 인터넷이 비즈니스 발전에 이렇게 많은 기회를 제공할 수 있다고 생각하지 않았지만 시간이 흐르고 마침내 기회로 가득 찬 이 세상을 발견했습니다. 인터넷은 그들의 상품과 가장 다양한 상품을 판매할 수 있는 기회를 제공합니다. World Wide Web의 사용자 수는 매일 증가하고 있으며 동시에 우리의 기능도 증가하고 있습니다.

옛날에는 많은 수입 계획을 이해하지 못했지만 오늘날에는 웹사이트가 글로벌 네트워크에서 모든 비즈니스의 핵심이라고 자신 있게 말할 수 있습니다. 또한 사이트가 아니라 올바른 사이트입니다. 또한 사이트가 수익성이 있다는 사실은 많은 요인에 의해 영향을 받습니다. 웹사이트 방문자가 가장 먼저 접하는 것은 인터페이스입니다.

저를 믿으십시오, 그것은 임의의 사용자가 그 사이트에 머물 것인지 아닌지, 사이트가 얼마나 매력적인지에 달려 있습니다. 물론 사람이 오랫동안 귀하의 사이트를 읽었다면 사이트 기능에서 할 수있는 다양한 실수에 대해 용서할 것입니다. 그러나 처음으로 인터페이스는 클라이언트를 귀하의 사이트처럼 만드는 데 중요한 역할을 할 것입니다. 속담에 "옷으로 인사하고 마음으로 호위를 받는다"는 말이 있습니다.

그러나 사이트에서 독창적이고 기억에 남는 옷을 만들기 위해서는 다음을 알아야 합니다. 자바 스크립트는 무엇입니까. 사실 JavaScript 없이는 아름답고 기능적인 웹사이트를 구현하는 것이 불가능합니다. 또한 수많은 코드로 사이트를 어지럽힐 필요가 없습니다. 몇 줄만 추가하면 충분합니다. 다른 버튼메뉴 항목이 살아나고 더 매력적이 될 것입니다. 그건 그렇고, JavaScript 스크립트를 사용하면 포트폴리오의 사진을 스크롤할 수 있습니다. 또한 데이터를 표시할 때 페이지의 기능을 더욱 향상시킬 수 있습니다. 여기도 자바 스크립트가 필요하다

아마도 많은 사람들은 예를 들어 좋은 CMS에서 작동하며 그러한 블로그를 관리하는 데 JavaScript 지식이 전혀 필요하지 않다고 생각할 수 있습니다. 기능을 크게 개선하고 멋진 효과를 추가할 수 있는 다양한 모듈과 플러그인을 인터넷에서 찾을 수 있습니다. 사실, 웹 기술이 멈추지 않고 모든 것이 끊임없이 변화하고 있다는 사실을 잊어서는 안됩니다. 따라서 새로운 JavaScript 라이브러리의 출현을 지속적으로 모니터링할 가치가 있습니다. 왜냐하면 오늘의 패키지를 통해 어제 꿈만 같았던 것을 구현할 수 있기 때문입니다. 그렇기 때문에 사이트 업데이트에 대해 이야기할 때 JavaScript 사용을 의미하기도 합니다.

이제 JavaScript를 배우기 위해. 어떤 이유에서인지 많은 사람들은 이 프로그래밍 언어에 대한 연구는 엘리트만 가능하다고 믿습니다. 그러나 실제로는 그렇지 않습니다. 웹 프로그래머는 끊임없이 새로운 것을 만들기 위해 노력하고 있습니다. 자바스크립트 요소, 구문과 사용을 크게 단순화합니다. 또한 적절한 매뉴얼을 사용하는 방법을 알고 있다면 사이트 페이지에서 JavaScript 코드를 사용할 수 있습니다. 이것은 완전한 평신도의 도움으로 멋진 비디오 코스를 구출할 것입니다. 짧은 시간자바스크립트를 배울 수 있습니다.

웹 사이트 구축에 대한 여러 비디오 과정의 저자인 Evgeny Popov에게 정보 지원에 대해 감사를 표합니다. 동영상 강좌 "동영상 포맷 초보자를 위한 자바스크립트 + jQuery 포함"

흥미로운 프로그래밍 세계로 뛰어들고 JavaScript 언어의 기초를 배우고자 하는 모든 사람들에게 좋은 하루입니다. 내 모든 후속 출판물 이번 장언어의 많은 기본 측면을 이해하고 프로그래밍 방식으로 인기 있는 작업을 구현하는 방법을 배우고 더 높은 수준의 박식으로 기술을 개발하는 데 도움이 됩니다.

이 과정은 초심자 자바스크립트 개발자를 위해 작성되었지만 고급 개발자에게도 유용할 것입니다.

이 기사와 관련하여 나는 당신에게 일반적인 아이디어를 줄 것입니다. 자바스크립트, 어떤 경우에 사용되는지 알려 드리고, 궁금하신 분들을 위해 최초의 전통적인 프로그램 코드의 예를 들어 드리겠습니다. 이제 본론으로 들어갑시다!

자바스크립트의 세계

먼저 몇 가지를 말씀드리고 싶습니다. 흥미로운 사실, 이 특정 언어로 글을 쓰고 일반적으로 IT 분야에서 일하려면 알아야 합니다.

따라서 JavaScript의 주요 개발자는 Bredan Eich였습니다. 그는 경험 많은 전문가 팀과 함께 에 포함될 수 있는 새로운 언어를 만들기 시작했습니다. 1995년으로 거슬러 올라갑니다.

물론 여러분 중 일부는 이렇게 말할 수도 있습니다. "내가 그 해를 잡으면 얼마나 멀어질까." IT 세계에서는 모든 것이 엄청난 속도로 발전하고 있으며(이 점에 주의를 기울였다고 생각합니다), 새로운 프레임워크와 기술 솔루션말 그대로 매달 나타납니다.

물론 언어는 이러한 빈도로 출시되지 않지만 대부분의 인기 있고 유망한 언어는 생성된 지 15년 미만입니다(예: Swift는 2년 전에만 제공됨). 따라서 개발은 "혁신" 상태에서 "오래된(전통적인) 작업 도구" 상태로 빠르게 이동합니다.

매우 자주 초보자는 이름에만 주의를 기울이고 실제 차이점이 무엇인지 이해하지 못하고 JavaScript와 Java를 혼동합니다.

이 두 언어를 처음 알게 된 것을 기억하면서 경고하고 싶습니다. 전문 개발자는 누군가가 예약을 하거나 경험이 부족하여 이 두 이름을 오용하는 것을 정말 좋아하지 않습니다. 비스듬한 모양이 제공됩니다.

자바코드가 다음으로 번역되는 고급 언어입니다. 가상 기기. 1995년에는 IT의 다양한 영역에서 많은 프로그램을 작성하는 데 가장 인기 있고 자주 사용되는 언어로 간주되었습니다.

자바스크립트포함 가능한 언어이며 주요 목적은 웹 리소스 페이지를 대화형으로 만드는 것입니다. 더 유연하고 "의사소통적"입니다. ECMAScript를 기반으로 하며, 이는 다른 여러 스크립팅 언어의 기반이 됩니다.

JavaScript는 그 이름을 즉시 얻지 못했습니다. 원래는 Mocha라고 불렸다가 LiveScript로 이름을 바꾸었습니다. 그러나 교활한 마케팅 칩을 사용하기로 결정하고 신제품 이름에 '자바'라는 단어를 포함하기로 했다. 그건 그렇고, 이 언어로 작성된 모든 응용 프로그램을 스크립트라고 합니다.

자바스크립트 기능

최신 JavaScript는 인터프리터 언어입니다. 이것은 프로그램 코드가 "있는 그대로" 처리되고 실행됨을 의미합니다. 이것이 스크립트가 작동하는 방식입니다.

웹 개발 외에도 JavaScript는 다른 영역에서도 찾을 수 있습니다. 이를 통해 다양한 유형의 응용 프로그램, 게임, 응용 프로그램 소프트웨어 등을 작성합니다. 스크립트는 .NET 뿐만 아니라 모든 곳에서 실행할 수 있습니다. 주요 조건은 코드 인터프리터의 존재입니다.

JavaScript의 주요 장점과 기술은 다음과 같습니다.

• html 마크업에서 사용자 정의 태그를 생성하고 기존 태그를 제거 및 수정하는 기능
• html에 빠르고 쉬운 연결
• 다양한 사용자 작업에 응답하는 기능: 웹 페이지에서 클릭, 커서 이동, 키보드로 문자 입력 등
• 지정된 순간에 일할 수 있는 능력;
• 상호 작용 제이쿼리그리고 아약스. JavaScript 라이브러리인 첫 번째 기술의 도움으로 ajax를 비롯한 웹 서비스의 많은 요소와 작업하기가 더 쉽습니다. 아약스결과적으로, 그것은 여러분의 귀로 아주 멋진 트릭을 구현할 수 있게 해줍니다: 서버 측에 정보를 보내고, 응답을 수신하고, 웹 페이지에 완전히 과부하가 걸리지 않고 데이터를 업데이트하십시오.
• JavaScript 사양은 공통 표준이므로 모든 기존 브라우저에서 지원됩니다.
• 고속.

또한 JavaScript로 작성된 코드가 때때로 CSS를 대체할 수 있다는 점에 주목하고 싶습니다. 그러나 여기에는 몇 가지 뉘앙스가 있습니다.

먼저 앞 문장의 키워드는 "때때로"입니다. 예, 일부 기능 모습웹 서비스는 스크립트를 사용하여 작성할 수 있지만 전부는 아닙니다.

그래도 css와 css3는 자신의 주요 목표– 웹사이트 페이지의 고품질 및 다기능 디자인을 보장합니다. 그리고 그들은 그들의 임무에 완벽하게 대처하기 때문에 그들에게 정당한 대가를 주어야 합니다.

둘째, 필요한 경우 js 언어로 구현된 웹 서비스의 모양을 변경하는 것은 훨씬 더 어렵고 리소스 집약적입니다.

항상 그렇듯이 모든 작업에 적합하고 모든 작업을 수행할 수 있는 완벽한 기술은 없습니다. js도 예외는 아닙니다. 엄청난 혜택 목록에도 불구하고 그는 옷장에 몇 개의 해골을 숨깁니다.

우선 JavaScript에는 강력한 타이핑이 없습니다. 이것은 머리가 "마지막으로, 변수의 유형과 변환에 대해 걱정할 필요가 없습니다."

그러나 코드의 복잡성과 양이 증가함에 따라 타이핑의 부족이 그 진정한 본질을 드러냅니다. 최소한 컴파일러를 사용하십시오. 데이터 유형 불일치 오류는 보고할 수 없습니다. 프로그램의 원하는 행이 처리될 때까지 오류를 자체적으로 알지 못하기 때문입니다.

또한 언어는 작업을 제공하지 않습니다. 파일 시스템(파일 생성, 삭제, 연결 등) 뿐만 아니라 때로는 매우 중요한 입출력 정보 스트림과도 관련이 있습니다. 이 경우 개발자는 문서 작업을 위한 다른 도구를 찾아야 합니다.

상속에 관해서는 이 주제를 자세히 분석할 필요가 있습니다. js의 상속은 일반적인 언어의 일반적인 상속과 완전히 다른 메커니즘이기 때문입니다. 지금은 프로토타입을 기반으로 하며 상속은 객체를 통해 수행된다는 것만 말씀드리겠습니다.

스크립트 코드는 html에 어떻게 연결되어 있습니까?

이 작업을 수행하는 방법에는 여러 가지가 있습니다. 정확히는 세 가지입니다. 그 중 하나를 선택하는 것은 코드의 양과 프로젝트 자체에 따라 다릅니다.

에 css를 삽입하는 것에 대한 내 게시물을 기억하는 사람이 있다면 스크립트와 스타일 규칙을 삽입하는 방법이 동일하기 때문에 우리가 말하는 내용을 즉시 이해할 것입니다.

첫 번째 것부터 시작하겠습니다. 특별한 쌍 태그를 사용하여 작은 코드 조각을 마크업 언어에 삽입할 수 있습니다. < 스크립트>. 정해진 규칙에 따르면 스크립트 부분은 스타일 시트와 같이 일반적으로 요소 내부에 작성됩니다. .

단, 다른 곳에 코드를 붙여넣어도 작업 결과는 바뀌지 않습니다. 이제 초보자가 새로운 프로그래밍 언어를 배우기 시작하는 일종의 전통이 된 첫 번째 js 프로그램의 표준 예를 보여 드리겠습니다. 세상에 인사합시다!

그리고 세 번째 방법은 태그에 스크립트 요소를 추가하는 것입니다. 이 옵션은 이벤트를 정의하는 데 사용됩니다(예: 마우스 클릭 시 발생하는 이벤트 연결).

//논평

프로그래밍은 큰 돈을 벌기 위한 수단일 뿐만 아니라 정신적 노동도 아닙니다. 자신의 논리와 지식에 따라 주변 세계가 무엇으로 구성되어 있는지 이해하고 작은 입자로 분해한 다음 다시 조립할 수 있는 기회입니다.

프로그래밍 언어는 사람이 만든 시스템에서 규칙을 만드는 도구일 뿐입니다.

인터넷은 밝고 진취적인 사람들이 포착하고 있는 풍부한 기회를 제공합니다. 물론 웹 개발에는 아이디어를 실현하는 자체 도구도 있습니다. 그 중 하나는 이 기사에서 논의할 JavaScript 프로그래밍 언어입니다.

일반 정보

IT 분야와 관련이 없는 사람들도 자바라는 단어를 들어본 적이 있을 것입니다. 응용 프로그램이 적극적으로 작성되는 혁신적인 플랫폼 독립 언어 모바일 시스템. 그것은 유망한 회사 Sun에 의해 개발되었으며 Oracle의 산하에 들어왔습니다. 그러나 어느 회사도 JavaScript와 관련이 없습니다.

Sun은 이름의 일부만 사용할 수 있는 권한이 필요했습니다. 놀랍게도 JavaScript는 어떤 회사의 소유도 아닙니다.

웹 애플리케이션을 작성할 때 JavaScript 프로그래밍이 가장 많이 사용됩니다. 간략하게 나열 주요 특징들주어진 언어에서 다음 사항에 유의해야 합니다.

• 객체 지향. 프로그램 실행은 개체의 상호 작용입니다.
• 데이터 유형 변환은 자동으로 수행됩니다.
• 함수는 기본 클래스의 객체입니다. 이 기능은 JavaScript를 Lisp 및 Haskell과 같은 많은 함수형 프로그래밍 언어와 유사하게 만듭니다.
• 자동 메모리 청소. 소위 가비지 수집은 JavaScript를 C# 또는 Java처럼 보이게 합니다.

본질을 말하다 자바스크립트 애플리케이션, 이 언어를 사용하면 실행을 위해 실행할 수 있는 코드를 사용하여 사이트의 고정 페이지를 "애니메이션"할 수 있습니다( 소위 스크립트). 즉, html과 css가 그려진 문자이고 JavaScript가 이들을 움직이는 만화로 비유할 수 있습니다.

JavaScript 구문에 대해 이야기하면 다음과 같은 기능이 있습니다.

• 등록이 중요합니다. func() 및 Func()라는 함수는 완전히 다릅니다.
• 명령문 뒤에는 세미콜론을 넣어야 합니다.
• 내장 개체 및 작업
• 공백은 고려되지 않습니다. 들여쓰기와 줄 바꿈을 사용하여 코드 스타일을 지정할 수 있습니다.

가장 간단한 JavaScript 코드는 다음과 같습니다.

적용 범위

자바스크립트가 왜 필요한지, 얼마나 공부해야 하는지 이해하기 위해서는 자바스크립트가 필요한 부분을 강조할 필요가 있습니다. 주어진 언어프로그램 작성.

• 웹 애플리케이션 개발. 간단한 카운터를 설정하거나 양식 간의 데이터 전송을 구성하거나 사이트에 게임을 배치하시겠습니까? 그러면 JavaScript는 이 문제에서 충실한 조수 역할을 할 것입니다.
• AJAX의 "적극적인 참여". 이 기술을 사용하면 "백그라운드" 모드에서 서버와 데이터를 교환하여 응용 프로그램 작업 속도를 크게 높일 수 있습니다.

• 운영체제. 아마도 누군가는 몰랐겠지만 Windows, Linux 및 Mac에는 JavaScript로 작성된 코드가 가장 많은 브라우저 경쟁자가 있습니다.
• 모바일 애플리케이션;
• 학습의 영역입니다. 대학의 모든 프로그래밍 전문 분야에는 한 권 또는 다른 권의 JavaScript 연구가 포함됩니다. 이것은 언어가 원래 그다지 유능하지 않은 프로그래머를 위해 개발되었다는 사실 때문입니다. JavaScript 수업은 논리적으로 기본 HTML 과정에 짜여져 있으므로 마스터링은 매우 간단합니다.

장점과 단점

JavaScript가 모든 문제에 대한 일종의 만병통치약이라고 생각해서는 안 되며 모든 프로그래머는 웃는 얼굴로 이 언어를 사용합니다. 세상의 모든 것에는 긍정적인 면과 부정적인 면이 있습니다. 먼저 단점을 살펴보자.

• 브라우저 간 호환성을 보장해야 합니다. JavaScript는 인터넷 기술의 역할을 하기 때문에 다음을 설정하는 규칙을 따라야 합니다. 월드 와이드 웹. 코드는 모든 또는 최소한 가장 널리 사용되는 브라우저에서 올바르게 실행되어야 합니다.
• 언어의 상속 시스템은 무슨 일이 일어나고 있는지 이해하기 어렵게 만듭니다. JavaScript는 프로토타입 기반 상속을 구현합니다. 다른 객체지향 프로그래밍 언어를 공부한 사람들은 익숙한 " 자식 클래스는 부모 클래스를 상속". 그러나 JavaScript에서 이러한 것들은 객체에 의해 직접 처리되며 이는 머리에 맞지 않습니다.
• 표준 라이브러리가 없습니다. JavaScript는 파일, I/O 스트림 및 기타 유용한 작업을 위한 기능을 제공하지 않습니다.
• 일반적으로 구문은 이해하기 어렵습니다. 코드의 아름다움은 분명히 JavaScript의 장점은 아니지만 프로그래머의 주요 규칙은 준수됩니다. 공장? 만지지 마!».

이제 몇 가지 장점에 주목할 가치가 있습니다.

• JavaScript는 다양한 작업을 해결할 수 있는 많은 가능성을 제공합니다. 언어의 유연성으로 인해 특정 조건과 관련하여 많은 프로그래밍 패턴을 사용할 수 있습니다. 독창적인 마음은 진정한 즐거움을 얻을 것입니다.
• JavaScript의 인기는 프로그래머를 위한 상당한 수의 기성 라이브러리를 열어 코드 작성을 크게 단순화하고 구문 결함을 평준화할 수 있습니다.
• 많은 분야에 적용. JavaScript의 광범위한 가능성은 프로그래머에게 다양한 응용 프로그램의 개발자로서 스스로를 시도할 수 있는 기회를 제공하며 이는 물론 전문적인 활동에 대한 관심을 불러일으킵니다.

플러스보다 마이너스가 더 많다는 사실에주의를 기울이지 마십시오. JavaScript는 틈새 시장에 확고하게 자리 잡고 있으며 거기에서 그에 대한 비판이 없습니다. 이 순간이길 수 없습니다.

공부하고 싶은 분들을 위해

JavaScript를 철저히 공부하기로 결정한 사람들에게는 어렵고 긴 길이 놓여 있습니다. 초보자를 위한 기본 권장 사항이 있으며 이에 따라 훈련을 크게 단순화할 수 있습니다.

• 먼저 HTML입니다. 기본 없이 인터넷을 위해 아무것도 할 수 없습니다. CSS(Cascading Style Sheets)도 매우 유용합니다.
• 새로운 문헌을 사용하십시오. 프로그래밍은 물리학이 아니며, 그 법칙은 불가침이며 새로운 자습서는 이전 자습서를 제거합니다. IT 기술은 끊임없이 발전하고 유용한 업데이트를 무시해서는 안 됩니다.
• 프로그램의 모든 부분을 직접 작성하십시오. 문제가 전혀 해결되지 않으면 다른 사람의 코드를 빌릴 수 있지만 각 행을 직접 확인한 후에만 가능합니다.
• 디버깅은 진정한 친구입니다. 오류를 빠르게 찾는 것은 다음 중 하나입니다. 하이라이트프로그래밍에서;
• 서식 규칙을 무시하지 마십시오. 물론 들여쓰기와 공백의 수에 따라 코드가 좋아지거나 나빠지지는 않겠지만 프로그래머가 읽고 이해하기 쉽도록 하는 것도 중요한 포인트입니다. 아래 코드? 특히 당신이 그의 것이 아닌 경우 인식하기가 매우 어렵습니다.

• 변수 이름에는 사전적 의미가 있어야 합니다. 쓰는 과정에서 간단한 프로그램별로 중요하지 않은 것 같지만 코드의 줄이 천을 넘으면 모든 악마가 다리를 부러뜨립니다.

자바스크립트프로그래머가 만든 브렌단 아이크 Netscape에서 1995년 12월 LiveScript라는 이름으로 도입되었습니다. JavaScript의 공식 이름은 ECMAScript이지만 매우 빠르게 JavaScript로 이름이 변경되었습니다. ECMAScript는 국제 기구 ECMA(European Computer Manufacturers Association)에서 개발 및 유지 관리합니다.

자바스크립트란?
1) JavaScript는 스크립팅 언어 또는 스크립트입니다. 스크립트는 프로그래밍 코드- 실행 전에 사전 처리(예: 컴파일)가 필요하지 않은 명령 집합입니다. JavaScript 코드는 웹 페이지를 로드하는 동안 브라우저 엔진에 의해 해석됩니다. 브라우저 인터프리터는 원본 프로그램이나 쿼리를 한 줄씩 구문 분석, 처리 및 실행합니다.

2) JavaScript는 프로토타입 상속을 가진 객체 지향 언어입니다. 여러 내장 개체를 지원하며 자신의(사용자 정의) 개체를 만들거나 삭제할 수도 있습니다. 객체는 서로 직접 속성을 상속하여 프로토타입 객체 체인을 형성할 수 있습니다.

웹 페이지의 JavaScript

1. html 문서에 스크립트 연결하기

자바스크립트 스크립트는 내장, 즉. 그들의 내용은 문서의 일부이며, 외부, 별도의 .js 파일에 저장됩니다. 스크립트는 다음과 같은 방법으로 HTML 문서에 포함할 수 있습니다.

또는 페이지 본문.

이 방법은 일반적으로 다른 웹 페이지에서 재사용되는 큰 스크립트 또는 스크립트에 사용됩니다.

이벤트 핸들러로.
각 html 요소에는 실행되는 JavaScript 이벤트가 있습니다. 어떤 순간. 필요한 이벤트를 html 요소에 속성으로 추가하고 필요한 기능을 이 속성의 값으로 지정해야 합니다. 이벤트 발생에 대한 응답으로 호출되는 함수는 다음과 같습니다. 이벤트 핸들러. 이벤트를 트리거한 결과 해당 이벤트와 관련된 코드가 실행됩니다. 이 방법은 주로 짧은 스크립트에 사용됩니다. 예를 들어 버튼을 클릭할 때 배경색이 변경되도록 설정할 수 있습니다.

배경을 바꾸다

요소 내부

2. JavaScript의 데이터 유형 및 변수

컴퓨터는 정보 - 데이터를 처리합니다. 데이터는 다양한 형태나 유형으로 제시될 수 있습니다. JavaScript의 대부분의 기능은 간단한 개체 및 데이터 유형 집합을 통해 구현됩니다. 문자열, 숫자 및 논리와 관련된 기능은 문자열, 숫자 및 부울 데이터 유형을 기반으로 합니다. 다른 기능, 정규식, 날짜 및 수학 연산, RegExp, Date 및 Math 개체를 사용하여 수행됩니다.

리터럴 JavaScript에서 데이터 유형의 특수 클래스이며 문자열, 숫자 또는 부울의 세 가지 데이터 유형 중 하나의 고정 값입니다.

"이것은 문자열입니다" 3.14 true alert("Hello"); // "Hello"는 리터럴입니다. var myVariable = 15; // 15는 리터럴입니다.

기본 데이터 유형 string, numeric, boolean, null 및 undefined와 같은 특정 데이터 유형의 인스턴스입니다.

2.1. JavaScript의 변수

JavaScript 스크립트에 의해 처리되는 데이터는 변수. 변수는 프로그램 실행 중에 변경될 수 있는 데이터(값)를 컴퓨터 메모리에 저장하는 명명된 컨테이너입니다. 변수에는 이름, 유형그리고 의미.

변수 이름 또는 식별자, 다음만 포함할 수 있음 문자 az, A-Z, 숫자 0-9(숫자는 변수 이름의 첫 번째 문자일 수 없음), $ 기호(변수 또는 함수 이름의 첫 번째 문자만 가능), 밑줄 문자 _ , 공백은 허용되지 않습니다. . 변수 이름의 길이는 제한되지 않습니다. 변수 이름을 러시아 알파벳 문자로 작성하는 것은 가능하지만 권장되지는 않습니다. 이 경우 유니코드로 작성해야 합니다.

JavaScript 키워드를 변수 이름으로 사용할 수 없습니다. JavaScript의 변수 이름은 대소문자를 구분합니다. 즉, var message; 및 varMessage; 서로 다른 변수입니다.

다음과 같이 변수가 생성(선언)됩니다. 예어 var 뒤에 변수 이름이 옵니다(예: var 메시지). . 변수를 사용하기 전에 반드시 선언해야 합니다.

변하기 쉬운 초기화할당 연산자를 사용하는 값 ​​= , 예: var message="Hello"; , 즉. 메시지 변수가 생성되어 저장됩니다. 초기의"안녕하세요" 값. 변수는 값 없이 선언할 수 있으며 이 경우 기본값은 undefined 로 지정됩니다. 변수 값은 스크립트 실행 중에 변경될 수 있습니다. 쉼표로 구분하여 같은 줄에 다른 변수를 선언할 수 있습니다.

Var message="Hello", number_msg = 6, time_msg = 50;

2.2. 변수 데이터 유형

JavaScript는 유형이 지정되지 않은 언어이므로 특정 변수에 대한 데이터 유형을 선언할 때 지정할 필요가 없습니다. 변수의 데이터 유형은 취하는 값에 따라 다릅니다. 변수의 유형은 데이터( 다이내믹 타입 캐스팅). 형식 변환은 사용되는 컨텍스트에 따라 자동으로 수행됩니다. 예를 들어 + 연산자를 사용하여 숫자 및 문자열 값을 포함하는 표현식에서 JavaScript는 숫자 값을 문자열로 변환합니다.

Var 메시지 = 10 + "휴가 전일"; // "휴일까지 10일" 반환

typeof 연산자를 사용하여 변수의 데이터 유형을 가져올 수 있습니다. 이 연산자는 해당 유형을 식별하는 문자열을 반환합니다.

유형 35; // "숫자" 반환 typeof "text"; // "문자열"을 반환합니다. typeof true; // "부울" 반환 typeof ; // 정의되지 않은 "객체" 유형을 반환합니다. // "정의되지 않은" typeof null을 반환합니다. // "객체"를 반환합니다.

JavaScript의 모든 데이터 유형은 두 그룹으로 나뉩니다. 단순한데이터 유형 (기본 데이터 유형)그리고 합성물데이터 유형 (복합 데이터 유형).

에게 단순한데이터 유형에는 문자열, 숫자, 부울, null 및 underfined가 포함됩니다.

2.2.1. 문자열 유형(문자열)

큰따옴표나 작은따옴표로 묶인 문자열을 저장하는 데 사용됩니다. 작은따옴표나 큰따옴표로 묶인 빈 문자 집합은 빈 문자열입니다. 따옴표로 묶인 숫자도 문자열입니다.

var 돈 = ""; // 빈 문자열, 0자 var work = "test"; var day = "일요일"; 변수 x = "150";

줄을 서서 큰따옴표작은따옴표를 포함할 수 있으며 그 반대의 경우도 마찬가지입니다. 동일한 유형의 인용문은 백슬래시 문자 \(소위 이스케이프 시퀀스):

Document.writeln("\" 좋은 아침, Ivan Ivanych!\"\n"); // "좋은 아침입니다, Ivan Ivanovich!"를 표시합니다.

+ 연결 연산자를 사용하여 문자열을 비교할 수도 있고 연결할 수도 있습니다. 자동 유형 캐스팅을 사용하면 숫자와 문자열을 연결할 수 있습니다. 문자열은 영구적이며 문자열이 생성되면 변경할 수 없지만 생성할 수 있습니다. 새로운 라인다른 줄을 연결하여.

2.2.2. 숫자 유형(숫자)

숫자 값에 사용됩니다. JavaScript에는 두 가지 유형의 숫자가 있습니다. 정수 (정수)및 부동 소수점 숫자 (부동 소수점 숫자). 정수 값은 1 , 2 와 같은 양수일 수 있고 -1 , -2 또는 0 과 같은 음수일 수 있습니다. 1과 1.0은 같은 값입니다. JavaScript에서 대부분의 숫자는 다음과 같이 작성됩니다. 십진법숫자, 8진수 및 16진수 시스템도 사용할 수 있습니다.

에 소수시스템에서 숫자 변수의 값은 아라비아 숫자 1, 2, 3, 4, 5, 6, 7, 8, 9, 0을 사용하여 제공됩니다.

에 8진수숫자 형식은 0에서 7까지의 숫자를 포함하고 접두사 0으로 시작하는 시퀀스입니다.

을 위한 16진수형식 앞에는 0x(0X)가 붙은 다음 값 10에서 15에 해당하는 일련의 숫자 0에서 9 또는 문자 a(A)에서 f(F)가 옵니다.

바라 = 120; // 정수 십진수 값 var b = 012; // 8진수 형식 var c = 0xfff; // 16진수 형식 var d = 0xACFE12; // 16진수 형식

부동 소수점 숫자는 소수 부분이 있는 숫자이거나 지수 형식으로 표현된 숫자입니다. 숫자에 대한 지수 표기법은 다음과 같습니다. 소수점 이하 부분이 있는 숫자, 대문자 또는 소문자로 지정할 수 있는 문자 e, 선택적 + 또는 - 기호, 정수 지수가 뒤따릅니다.

바라 = 6.24; // 실수변수 = 1.234E+2; // 1.234 X 10²에 해당하는 실수 var c = 6.1e-2; // 실수, 6.1 X 10‾²에 해당

2.2.3. 부울 유형(부울)

이 유형에는 true(true), false(false)의 두 가지 값이 있습니다. 조건을 비교하고 테스트하는 데 사용됩니다.

Var answer = Confirm("이 기사가 마음에 드셨습니까?\n 확인을 클릭하십시오. 그렇지 않으면 취소를 클릭하십시오."); if (답변 == true) ( ​​​alert("감사합니다!"); )

다음과 같은 특수한 유형의 단순 값도 있습니다.
널 유형 — 주어진 유형존재하지 않는 객체를 나타내는 데 사용되는 단일 값 null 이 있습니다.

정의되지 않은 유형- 변수 유형이 미달됨은 변수의 초기 값이 없고 객체의 속성이 존재하지 않음을 의미합니다.

복합 데이터 유형둘 이상의 값으로 구성됩니다. 여기에는 객체 및 특수 유형의 객체(배열 및 함수)가 포함됩니다. 객체는 속성과 메서드를 포함하고 배열은 요소의 인덱스 모음이며 함수는 명령문의 모음으로 구성됩니다.

2.3. 전역 및 지역 변수

변수는 범위에 따라 다음과 같이 나뉩니다. 글로벌그리고 현지의. 가시 영역변수 이름이 해당 변수와 연결되고 해당 값을 반환하는 스크립트의 일부입니다. 함수 본문 내에서 선언된 변수는 호출됩니다. 현지의, 이 기능에서만 사용할 수 있습니다. 지역 변수는 해당 함수와 함께 생성 및 소멸됩니다.

요소 내에서 선언된 변수