나의 여행을 기록하는 자바스크립트 학습 노트

집

웹 프론트엔드

JS 튜토리얼

나의 여행을 기록하는 자바스크립트 학습 노트_기본지식

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 05:53 PM

공부 노트

1. JavaScript란 무엇입니까?
(1) HTML은 웹페이지의 모습을 기술하는 마크업 언어일 뿐입니다. 텍스트 상자가 비어 있는지 판단, 비밀번호가 2개 입력되었는지 판단) 일관) 스토어에서 서버 측에서 실행하면 웹 페이지가 매우 느려지고 사용하기 어려우며 서버에 많은 부담을 줍니다. 따라서 브라우저에서 몇 가지 간단한 작업을 수행해야 합니다. JavaScript는 브라우저 측에서 실행되는 언어입니다.
(2) JavaScript와 Java는 직접적인 관계가 없습니다. 유일한 관계는 JavaScript가 원래 LiveScript라고 불렸다는 것입니다. 나중에 Java의 일부 기능을 흡수하여 JavaScript로 JS라고도 합니다.
(3) 자바스크립트는 해석된 언어이므로 컴파일 없이 언제든지 실행될 수 있습니다. 이런 식으로 문법 오류가 있어도 문법 오류가 없는 부분은 여전히 올바르게 실행될 수 있습니다.
JS 개발 환경
(1) VS의 JavaScript 및 Jqery 자동 완성 기능.
(2) JS는 C#과 같은 정적 언어만큼 엄격하지는 않지만 매우 유연한 동적 언어입니다.
JS 시작하기
(1)

코드 복사 코드는 다음과 같습니다.

 
< ;script type="text/javascript"> 
alert(new Date().toLocaleDateString())

(2) JavaScript 코드는 <script> 태그에서 <head>, <body> 등 어느 위치에나 배치할 수 있으며, 두 개 이상의 <script> 태그가 있을 수 있습니다. Alert 기능은 팝업 메시지 창으로, new Date()는 Date 클래스의 객체를 생성하는 것이며 기본값은 현재 시간이다. <br>(3) <head>에 있는 <script>는 본문이 로드되기 전에 실행되었으며, 페이지가 로드되면서 본문에 작성된 <script>가 하나씩 실행됩니다. <br>(4) 페이지에서 JavaScript를 선언하는 것 외에도 별도의 JS 파일에 JavaScript를 작성한 다음 페이지에 도입할 수도 있습니다: <script src=”common.js” type=”text/javascript ” ></script>. 별도의 JS 파일로 선언하면 여러 페이지를 공유하여 네트워크 트래픽을 줄일 수 있다는 장점이 있습니다.
이벤트
(1) 나를 클릭하세요

나를 클릭하세요
(2) JavaScript에도 버튼을 클릭하면 이벤트라는 개념이 있습니다
1)
2) 하이퍼링크의 href에 있는 JavaScript에만 "JavaScript:"가 필요합니다. 이는 이벤트가 아니지만 "JavaScript:'를" http:", "ftp처럼 처리하기 때문입니다. :", "thunder://", ed2k://, mailto://는 동일한 네트워크 프로토콜이며 JS 파싱 엔진에 의해 처리됩니다. href에는 이 특수 열만 있습니다.
JS 변수
(1) JavaScript에서 문자열을 선언할 때 큰따옴표나 작은따옴표를 사용할 수 있습니다. 이는 주로 HTML과의 통합을 용이하게 하고 이스케이프 문자 문제를 방지하기 위한 것입니다.
(2) var i=10 ; 이름 i는 정수 10을 가리킵니다. 10을 가리키면 i는 int 유형입니다.
(3) JavaScript에는 null과 underfined의 두 가지 유형이 있으며, null은 해당 값을 나타냅니다. 변수가 비어 있으면 변수가 어떤 개체도 가리키지 않고 초기화되지 않았음을 의미합니다.
(4) JavaScript는 약한 유형이므로 변수를 나타낼 수 없습니다. 변수는 선언만 가능합니다. through var i=10; C#의 var와 달리 C#과 같은 유형 추론이 아닙니다.
(5) JavaScript에서는 변수를 선언하는 대신 var를 직접 사용할 수도 있습니다. 전역적으로 사용하고 싶습니다. 그렇지 않으면 사용할 때 var를 추가하는 것이 가장 좋습니다.
(6) JS는 동적으로 유형이 지정되므로 var i=10;i="abc"가 합법적입니다. 🎜>(1)

코드 복사 코드는 다음과 같습니다.

var sum = 0 ;

for (var i = 0; i <= 100; i ) { 
sum = sum i 
} 
alert(sum) 

 
( 2) JavaScript의 코드에 구문이 있는 경우 오류가 발생하면 브라우저에 오류 메시지가 표시됩니다. 오류 메시지를 확인하면 오류를 해결하는 데 도움이 될 수 있습니다. 

(3) JavaScript 디버깅, VS를 사용하면 JavaScript를 쉽게 디버깅할 수 있습니다. 디버깅 시 몇 가지 사항에 주의해야 합니다.
1) IE 디버깅 옵션이 켜져 있어야 하며 인터넷 옵션-고급, "스크립트 비활성화"를 제거해야 합니다. 디버깅" " 앞의 상자를 선택하십시오.
2) 디버그 모드에서 인터페이스를 실행합니다.
3) 중단점 설정, 변수 모니터링 등 기타 작업은 C#과 동일합니다.
변수 초기화 판단
(1) JavaScript에서 변수와 매개변수의 초기화 여부를 판단하는 세 가지 방법입니다.

코드 복사 코드는 다음과 같습니다.

 
var r; 
if (r == null) { if (typeof (r) == "정의되지 않음") { if (!x) { 
alert("null"); ("정의되지 않음"); Alert("Not 🎜>(1) JavaScript에서 함수를 선언하는 방법: 

코드 복사

function Add(i1, i2) { return i1 i2>} (2) 선언할 필요가 없습니다. 반환 값 유형, 매개변수 유형 및 함수 정의는 function

코드 복사

코드는 다음과 같습니다.

var r = Add(10, 20); alert(r ) var r = Add("tom,", "Hello"); (3) JavaScript에서는 모두가 필요하지 않습니다. 모든 경로에는 반환 값이 있습니다. 익명함수

(1)

코드 복사

코드는 다음과 같습니다.

var f1 = function sum(i1, i2) {

return i1 i2; } alert(f1(10, 20)) (2) 유사 C# 익명 함수로. (3) 이러한 종류의 익명 사용은 Jquery에서 특히 일반적입니다.

(4)

코드 복사

코드는 다음과 같습니다.

alert(function sum(i1 , i2) {

return i1 i2; } (100, 10)) 참고: C#의 익명 함수는 대리자를 사용하여 호출됩니다. JS 객체지향 기본(1) JavaScript에는 함수 클로저로 시뮬레이션되는 클래스 구문이 없습니다. 아래에서 설명할 때 C#에서는 클래스 및 생성자와 같은 개념을 계속 사용합니다. 문자열, 날짜 등을 "객체"라고 하며, 클래스는 JavaScript에서 선언됩니다(클래스는 클래스가 아니라 객체입니다).

(2)

코드 복사

코드는 다음과 같습니다.

function Person( name, age ) { //

this.Name = name; this.Age = age this.SayHello = function() { alert("Hello; , I " this.Name "입니다. 제 연도는 " this.Age "세"); } } var p1 = new Person("Han Yinglong", "23") ;

p1 .SayHello();

 
(3) 함수 Person(name,age)도 생성자 선언으로 간주될 수 있습니다. 사용자가 동적으로 추가합니다. 
Array() 객체 
(1) JavaScript의 Array 객체는 우선 동적 배열이며 C#의 ArrayList, Hashtable 등과 같은 매우 복잡한 배열입니다. 
(2) 

코드 복사

코드는 다음과 같습니다.

var names = new Array( );

names[0] = "Han Yinglong"; names[1] = "get" names[2] = "said" for (var i = 0; i < names.length; i ) { alert(names[i]) }

(3) 크기를 미리 설정할 필요가 없습니다. 
Array() 연습 1 
(1) 배열 연습, 배열에서 최대값을 구합니다. 

코드 복사

코드는 다음과 같습니다.

배열의 사전 사용법
(1) JS에서 배열은 배열뿐만 아니라 사전(Dictionary), 스택(Stack)이기도 한 보물입니다.
(2)

코드 복사

코드는 다음과 같습니다. var names = new Array( ); names["人"] = "ren"; names[" Buckle"] = "kou"

names["hand"] = "shou"; Alert(names ["人"]);

alert(names.人); 
for (var k in names) { 
alert(k) 
 
( 3) Hashtable이나 Dictionary처럼 사용하면 그만큼 효율적입니다. 
간단한 Array() 선언
(1) 배열도 단순화된 방식을 가질 수 있습니다
var arr=[3,4,5,6,7] //일반적인 배열 초기화
이 배열은 는 이름["人"]="ren"; 즉, 키가 0,1,2,3,4,5인 특수한 경우로 볼 수 있습니다. 
(2) 사전 스타일의 단순화된 생성 방법 
var arr={”tom”=30,”jim=”30}; 

Array, for and other
(1) 배열 스타일 Array의 경우 조인 메서드를 사용하여 끈.

코드 복사

코드는 다음과 같습니다.

var arr = ["tom", " jim", "kencery"]; alert(arr.join(",")); //JS의 Join은 문자열 메서드인 .net과 달리 배열 메서드입니다. (2) for 루프는 C#의 foreach처럼 사용할 수 있습니다.

코드 복사

코드는 다음과 같습니다.

for (var e in document) { 경고(e) }

본 웹사이트의 성명

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

핫 AI 도구

Undresser.AI Undress

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

AI Clothes Remover

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

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

AI Hentai Generator

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

뜨거운 도구

메모장++7.3.1

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

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

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

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7514

Cakephp 튜토리얼

1378

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

NYT 연결 힌트와 답변

Related knowledge

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

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

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

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

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

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

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

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

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

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

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

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

Chart.js : Pie, Donut 및 Bubble Charts를 시작합니다 Mar 15, 2025 am 09:19 AM

이 튜토리얼은 Chart.js를 사용하여 파이, 링 및 버블 차트를 만드는 방법을 설명합니다. 이전에는 차트 유형의 차트 유형을 배웠습니다. JS : 라인 차트 및 막대 차트 (자습서 2)와 레이더 차트 및 극지 지역 차트 (자습서 3)를 배웠습니다. 파이 및 링 차트를 만듭니다 파이 차트와 링 차트는 다른 부분으로 나뉘어 진 전체의 비율을 보여주는 데 이상적입니다. 예를 들어, 파이 차트는 사파리에서 남성 사자, 여성 사자 및 젊은 사자의 비율 또는 선거에서 다른 후보자가받는 투표율을 보여주는 데 사용될 수 있습니다. 파이 차트는 단일 매개 변수 또는 데이터 세트를 비교하는 데만 적합합니다. 파이 차트의 팬 각도는 데이터 포인트의 숫자 크기에 의존하기 때문에 원형 차트는 값이 0 인 엔티티를 그릴 수 없습니다. 이것은 비율이 0 인 모든 엔티티를 의미합니다