웹 프론트엔드 JS 튜토리얼 JavaScript는 정말 어렵지 않습니다. 기본 사항을 검토하세요_기본

JavaScript는 정말 어렵지 않습니다. 기본 사항을 검토하세요_기본

May 16, 2016 pm 05:43 PM
기능 변하기 쉬운 기본 지식

머리말
Jquery에 대해 이야기하기 전에 먼저 Javascript(이하 JS) 언어의 기본 지식 문제를 알아보겠습니다. 당시 변수에 대한 기본 지식은 비슷했습니다. , 함수, 조건문 블록, 루프문 블록 등 언어마다 작성 방법이 다릅니다. 예를 들어 JS에서는 변수를 정의할 때 지역 변수를 선언하려면 var를 사용해야 하고, 타입 언어 JS의 경우에는 var를 사용해야 합니다. , var를 추가할 수도 없지만, 추가하지 않으면 해당 변수가 전역 변수로 간주된다는 점에 유의해야 합니다.

변수
프로그램 실행 중에 값이 바뀔 수 있습니다. (하하, 10년 전 책에 정의가 나와 있습니다.)
var people; name 변수 for people
var people="good boy"; //변수 선언 시 브라우저에서 자동으로 문자 변수로 해석합니다.
var age=23; , type 정수
age=30; //정수형 전역 변수를 선언합니다. 프로그램 실행 중에는 해제되지 않습니다.

함수
함수는 일부 코드 블록을 함께 구성하여 전체를 형성합니다. 이를 통해 코드 중복을 크게 줄이고 프로그램을 더 명확하게 만들 수 있습니다.
코드 복사 코드는 다음과 같습니다.

// 표준 쓰기
funciton helloFun(){
alert("hellow world")
}
//변수 형식 작성 방법
var helloFun=function(){
alert("hellow world")
}
// 함수는 매개변수를 가질 수 있지만 약한 유형입니다
var helloFun=function(msg){
alert(msg);
}
// 함수 호출
helloFun("hello world")

조건문
한가지 결과가 여러 개 나오는데, 조건문이 여러 값을 고치면 스위치를 사용하고, 그렇지 않으면 if...else를 사용하면 됩니다.
코드 복사 코드는 다음과 같습니다.

// 인스턴스 전환
var inputNumber= document.getElementByID( "type");
switch(inputNumber)
{
케이스 1:
alert("Type 1")
break
케이스 2:
alert( "유형 2");
break;
case 3:
alert("유형 3")
default:
alert( "throw new Exception( )");
break;
}
// if 인스턴스
var inputAge=document.getElementByID("age")
if(inputAge>1 && inputAge< ;18)
{
alert("미성년자");
}
else if (inputAge>=18 && inputAge<70)
{
alert("성인");
}
else if(inputAge>=70)
{
alert("노인")
}
else
{
alert("오류가 있습니다. in fill out the form") ;
}


루프문 은 특정 조건이 충족될 때 코드 블록을 반복적으로 실행하는 것을 의미합니다. while을 사용할 수 있습니다. , for 등

코드 복사 코드는 다음과 같습니다.
// for 루프
var arr=[1 ,2,3]
for(int i=0;j=Arr.length;iconsole.log(arr[i]) / / Firefox 콘솔에서 결과를 볼 수 있습니다
}

사실 JS 세계에서는 코드의 실행 성능도 for 문을 작성하는 방식의 성능이 매우 뛰어납니다. 틀린 것은 아니지만 다음과 같이 쓰면
를 순회할 때마다 Arr의 길이를 찾기 때문에 성능이 저하됩니다.

코드 복사 코드는 다음과 같습니다.
// for loop
var arr =[1 ,2,3]
for(int i=0;iconsole.log(arr[i]) // 성능 저하
}

이상으로 JS 프로그래밍의 기본 지식을 작성해보겠습니다. 다음번에는 jquery 관련 지식을 소개하겠습니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 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)

golang 함수에서 새 함수를 동적으로 생성하기 위한 팁 golang 함수에서 새 함수를 동적으로 생성하기 위한 팁 Apr 25, 2024 pm 02:39 PM

Go 언어는 클로저와 리플렉션이라는 두 가지 동적 함수 생성 기술을 제공합니다. 클로저는 클로저 범위 내의 변수에 대한 액세스를 허용하며 리플렉션은 FuncOf 함수를 사용하여 새 함수를 생성할 수 있습니다. 이러한 기술은 HTTP 라우터를 사용자 정의하고 고도로 사용자 정의 가능한 시스템을 구현하며 플러그 가능한 구성 요소를 구축하는 데 유용합니다.

C++ 함수 이름 지정 시 매개변수 순서에 대한 고려 사항 C++ 함수 이름 지정 시 매개변수 순서에 대한 고려 사항 Apr 24, 2024 pm 04:21 PM

C++ 함수 이름 지정에서는 가독성을 높이고 오류를 줄이며 리팩토링을 용이하게 하기 위해 매개변수 순서를 고려하는 것이 중요합니다. 일반적인 매개변수 순서 규칙에는 작업-객체, 개체-작업, 의미론적 의미 및 표준 라이브러리 준수가 포함됩니다. 최적의 순서는 함수의 목적, 매개변수 유형, 잠재적인 혼동 및 언어 규칙에 따라 달라집니다.

Java로 효율적이고 유지 관리 가능한 함수를 작성하는 방법은 무엇입니까? Java로 효율적이고 유지 관리 가능한 함수를 작성하는 방법은 무엇입니까? Apr 24, 2024 am 11:33 AM

효율적이고 유지 관리 가능한 Java 함수를 작성하는 핵심은 단순함을 유지하는 것입니다. 의미 있는 이름을 사용하세요. 특별한 상황을 처리합니다. 적절한 가시성을 사용하십시오.

Excel 함수 수식의 전체 모음 Excel 함수 수식의 전체 모음 May 07, 2024 pm 12:04 PM

1. SUM 함수는 열이나 셀 그룹의 숫자를 합하는 데 사용됩니다(예: =SUM(A1:J10)). 2. AVERAGE 함수는 열이나 셀 그룹에 있는 숫자의 평균을 계산하는 데 사용됩니다(예: =AVERAGE(A1:A10)). 3. COUNT 함수, 열이나 셀 그룹의 숫자나 텍스트 수를 세는 데 사용됩니다. 예: =COUNT(A1:A10) 4. IF 함수, 지정된 조건을 기반으로 논리적 판단을 내리고 결과를 반환하는 데 사용됩니다. 해당 결과.

C++ 함수 기본 매개변수와 가변 매개변수의 장단점 비교 C++ 함수 기본 매개변수와 가변 매개변수의 장단점 비교 Apr 21, 2024 am 10:21 AM

C++ 함수에서 기본 매개변수의 장점에는 호출 단순화, 가독성 향상, 오류 방지 등이 있습니다. 단점은 제한된 유연성과 명명 제한입니다. 가변 매개변수의 장점에는 무제한의 유연성과 동적 바인딩이 포함됩니다. 단점은 더 큰 복잡성, 암시적 유형 변환 및 디버깅의 어려움을 포함합니다.

참조 유형을 반환하는 C++ 함수의 이점은 무엇입니까? 참조 유형을 반환하는 C++ 함수의 이점은 무엇입니까? Apr 20, 2024 pm 09:12 PM

C++에서 참조 유형을 반환하는 함수의 이점은 다음과 같습니다. 성능 개선: 참조로 전달하면 객체 복사가 방지되므로 메모리와 시간이 절약됩니다. 직접 수정: 호출자는 반환된 참조 객체를 다시 할당하지 않고 직접 수정할 수 있습니다. 코드 단순성: 참조로 전달하면 코드가 단순화되고 추가 할당 작업이 필요하지 않습니다.

사용자 정의 PHP 함수와 사전 정의된 함수의 차이점은 무엇입니까? 사용자 정의 PHP 함수와 사전 정의된 함수의 차이점은 무엇입니까? Apr 22, 2024 pm 02:21 PM

사용자 정의 PHP 함수와 사전 정의된 함수의 차이점은 다음과 같습니다. 범위: 사용자 정의 함수는 정의 범위로 제한되는 반면, 사전 정의된 함수는 스크립트 전체에서 액세스할 수 있습니다. 정의 방법: 사용자 정의 함수는 function 키워드를 사용하여 정의되는 반면, 사전 정의된 함수는 PHP 커널에 의해 정의됩니다. 매개변수 전달: 사용자 정의 함수는 매개변수를 수신하지만 사전 정의된 함수에는 매개변수가 필요하지 않을 수 있습니다. 확장성: 필요에 따라 사용자 정의 함수를 생성할 수 있으며 사전 정의된 함수는 내장되어 있어 수정할 수 없습니다.

C++ 함수 예외 고급: 사용자 정의된 오류 처리 C++ 함수 예외 고급: 사용자 정의된 오류 처리 May 01, 2024 pm 06:39 PM

C++의 예외 처리는 특정 오류 메시지, 상황별 정보를 제공하고 오류 유형에 따라 사용자 지정 작업을 수행하는 사용자 지정 예외 클래스를 통해 향상될 수 있습니다. 특정 오류 정보를 제공하려면 std::Exception에서 상속된 예외 클래스를 정의하세요. 사용자 정의 예외를 발생시키려면 throw 키워드를 사용하십시오. try-catch 블록에서 Dynamic_cast를 사용하여 발견된 예외를 사용자 지정 예외 유형으로 변환합니다. 실제 경우 open_file 함수는 FileNotFoundException 예외를 발생시킵니다. 예외를 포착하고 처리하면 보다 구체적인 오류 메시지가 제공될 수 있습니다.

See all articles