나의 여행을 기록하는 자바스크립트 학습 노트_기본지식
- WBOY원래의
- 2016-05-16 17:53:291016검색
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를 쉽게 디버깅할 수 있습니다. 디버깅 시 몇 가지 사항에 주의해야 합니다. sum = sum i
}
alert(sum)
( 2) JavaScript의 코드에 구문이 있는 경우 오류가 발생하면 브라우저에 오류 메시지가 표시됩니다. 오류 메시지를 확인하면 오류를 해결하는 데 도움이 될 수 있습니다.
1) IE 디버깅 옵션이 켜져 있어야 하며 인터넷 옵션-고급, "스크립트 비활성화"를 제거해야 합니다. 디버깅" " 앞의 상자를 선택하십시오.
2) 디버그 모드에서 인터페이스를 실행합니다.
3) 중단점 설정, 변수 모니터링 등 기타 작업은 C#과 동일합니다.
변수 초기화 판단
(1) JavaScript에서 변수와 매개변수의 초기화 여부를 판단하는 세 가지 방법입니다.
코드 복사 코드는 다음과 같습니다.
var r;
if (r == null) { if (typeof (r) == "정의되지 않음") { if (!x) {
alert("null"); ("정의되지 않음"); Alert("Not 🎜>(1) JavaScript에서 함수를 선언하는 방법:
코드 복사
코드 복사
코드는 다음과 같습니다.
코드 복사
코드는 다음과 같습니다.
var f1 = function sum(i1, i2) {
코드 복사
코드는 다음과 같습니다.
alert(function sum(i1 , i2) {
코드 복사
코드는 다음과 같습니다.
function Person( name, age ) { //
(3) 함수 Person(name,age)도 생성자 선언으로 간주될 수 있습니다. 사용자가 동적으로 추가합니다.
Array() 객체
(1) JavaScript의 Array 객체는 우선 동적 배열이며 C#의 ArrayList, Hashtable 등과 같은 매우 복잡한 배열입니다.
(2)
코드 복사
코드는 다음과 같습니다.
var names = new Array( );
코드는 다음과 같습니다.
배열의 사전 사용법
(1) JS에서 배열은 배열뿐만 아니라 사전(Dictionary), 스택(Stack)이기도 한 보물입니다.
(2)
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) 배열 연습, 배열에서 최대값을 구합니다.
코드 복사
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 otherfor (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};
(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으로 문의하세요.