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

집

웹 프론트엔드

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 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 alert(names[i]) }

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

코드 복사

코드는 다음과 같습니다.

return max;

}

var arr = new Array(); = 20;
arr[2] = 34;
alert(MyMax(arr))

Array( ) 연습 2
(1) 문자열 배열 {3,9,5,34,54}{54,34.5.9.3}의 요소 순서를 반대로 바꿉니다. 팁: i번째와 길이-i-1을 바꿔서 함수를 정의하세요.

코드 복사

코드는 다음과 같습니다.

Array() 연습 3
(1) Han Yinglong|Try|Order와 같이 |-나누어진 형식으로 문자열 배열을 출력합니다. JavaScript에서 Join 함수를 사용하지 마십시오. arr.join(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으로 문의하세요.

관련 기사

C/C에서 JavaScript까지 : 모든 것이 어떻게 작동하는지Apr 14, 2025 am 12:05 AM

C/C에서 JavaScript로 전환하려면 동적 타이핑, 쓰레기 수집 및 비동기 프로그래밍으로 적응해야합니다. 1) C/C는 수동 메모리 관리가 필요한 정적으로 입력 한 언어이며 JavaScript는 동적으로 입력하고 쓰레기 수집이 자동으로 처리됩니다. 2) C/C를 기계 코드로 컴파일 해야하는 반면 JavaScript는 해석 된 언어입니다. 3) JavaScript는 폐쇄, 프로토 타입 체인 및 약속과 같은 개념을 소개하여 유연성과 비동기 프로그래밍 기능을 향상시킵니다.

JavaScript 엔진 : 구현 비교Apr 13, 2025 am 12:05 AM

각각의 엔진의 구현 원리 및 최적화 전략이 다르기 때문에 JavaScript 엔진은 JavaScript 코드를 구문 분석하고 실행할 때 다른 영향을 미칩니다. 1. 어휘 분석 : 소스 코드를 어휘 단위로 변환합니다. 2. 문법 분석 : 추상 구문 트리를 생성합니다. 3. 최적화 및 컴파일 : JIT 컴파일러를 통해 기계 코드를 생성합니다. 4. 실행 : 기계 코드를 실행하십시오. V8 엔진은 즉각적인 컴파일 및 숨겨진 클래스를 통해 최적화하여 Spidermonkey는 유형 추론 시스템을 사용하여 동일한 코드에서 성능이 다른 성능을 제공합니다.

브라우저 너머 : 실제 세계의 JavaScriptApr 12, 2025 am 12:06 AM

실제 세계에서 JavaScript의 응용 프로그램에는 서버 측 프로그래밍, 모바일 애플리케이션 개발 및 사물 인터넷 제어가 포함됩니다. 1. 서버 측 프로그래밍은 Node.js를 통해 실현되며 동시 요청 처리에 적합합니다. 2. 모바일 애플리케이션 개발은 재교육을 통해 수행되며 크로스 플랫폼 배포를 지원합니다. 3. Johnny-Five 라이브러리를 통한 IoT 장치 제어에 사용되며 하드웨어 상호 작용에 적합합니다.

Next.js (백엔드 통합)로 멀티 테넌트 SAAS 애플리케이션 구축Apr 11, 2025 am 08:23 AM

일상적인 기술 도구를 사용하여 기능적 다중 테넌트 SaaS 응용 프로그램 (Edtech 앱)을 구축했으며 동일한 작업을 수행 할 수 있습니다. 먼저, 다중 테넌트 SaaS 응용 프로그램은 무엇입니까? 멀티 테넌트 SAAS 응용 프로그램은 노래에서 여러 고객에게 서비스를 제공 할 수 있습니다.

Next.js (Frontend Integration)를 사용하여 멀티 테넌트 SaaS 응용 프로그램을 구축하는 방법Apr 11, 2025 am 08:22 AM

이 기사에서는 Contrim에 의해 확보 된 백엔드와의 프론트 엔드 통합을 보여 주며 Next.js를 사용하여 기능적인 Edtech SaaS 응용 프로그램을 구축합니다. Frontend는 UI 가시성을 제어하기 위해 사용자 권한을 가져오고 API가 역할 기반을 준수하도록합니다.

JavaScript : 웹 언어의 다양성 탐색Apr 11, 2025 am 12:01 AM

JavaScript는 현대 웹 개발의 핵심 언어이며 다양성과 유연성에 널리 사용됩니다. 1) 프론트 엔드 개발 : DOM 운영 및 최신 프레임 워크 (예 : React, Vue.js, Angular)를 통해 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축합니다. 2) 서버 측 개발 : Node.js는 비 차단 I/O 모델을 사용하여 높은 동시성 및 실시간 응용 프로그램을 처리합니다. 3) 모바일 및 데스크탑 애플리케이션 개발 : 크로스 플랫폼 개발은 개발 효율을 향상시키기 위해 반응 및 전자를 통해 실현됩니다.

JavaScript의 진화 : 현재 동향과 미래 전망Apr 10, 2025 am 09:33 AM

JavaScript의 최신 트렌드에는 Typescript의 Rise, 현대 프레임 워크 및 라이브러리의 인기 및 WebAssembly의 적용이 포함됩니다. 향후 전망은보다 강력한 유형 시스템, 서버 측 JavaScript 개발, 인공 지능 및 기계 학습의 확장, IoT 및 Edge 컴퓨팅의 잠재력을 포함합니다.

Demystifying JavaScript : 그것이하는 일과 중요한 이유Apr 09, 2025 am 12:07 AM

JavaScript는 현대 웹 개발의 초석이며 주요 기능에는 이벤트 중심 프로그래밍, 동적 컨텐츠 생성 및 비동기 프로그래밍이 포함됩니다. 1) 이벤트 중심 프로그래밍을 사용하면 사용자 작업에 따라 웹 페이지가 동적으로 변경 될 수 있습니다. 2) 동적 컨텐츠 생성을 사용하면 조건에 따라 페이지 컨텐츠를 조정할 수 있습니다. 3) 비동기 프로그래밍은 사용자 인터페이스가 차단되지 않도록합니다. JavaScript는 웹 상호 작용, 단일 페이지 응용 프로그램 및 서버 측 개발에 널리 사용되며 사용자 경험 및 크로스 플랫폼 개발의 유연성을 크게 향상시킵니다.

See all articles