> 웹 프론트엔드 > JS 튜토리얼 > 꼭 알아야 할 JavaScript의 중요한 기능

꼭 알아야 할 JavaScript의 중요한 기능

WBOY
풀어 주다: 2023-09-21 16:21:06
앞으로
991명이 탐색했습니다.

JavaScript 必须了解的重要特性

이 튜토리얼에서는 Javascript의 특별한 기능에 대해 알아봅니다.

Javascript는 널리 사용되는 프로그래밍 언어입니다. 자바스크립트는 유연합니다. 사용할 수 있는 오픈 소스 라이브러리가 많이 있습니다. GitHub에는 전 세계 개발자가 작성한 방대한 양의 Javascript 코드가 포함되어 있습니다. Javascript는 프론트엔드와 백엔드 모두에서 훌륭하게 작동합니다.

Javascript의 구문은 매우 간단합니다. 별도의 설정 없이 누구나 Javascript 프로그램을 실행하고 사용자 친화적으로 만들 수 있습니다. Javascript는 HTML, CSS, 코딩에 대한 기본적인 지식을 갖춘 사람이라면 누구나 사용할 수 있습니다.

자바스크립트의 특징

스크립트

Javascript는 브라우저에서 클라이언트 측 스크립트를 실행합니다.

통역사

브라우저는 JavaScript 코드를 해석합니다.

이벤트 처리

이벤트는 액션입니다. Javascript는 이벤트 처리 옵션을 제공합니다.

경량

Javascript는 컴파일된 언어가 아니기 때문에 실행되기 전에 소스 코드가 바이트 코드로 변경되지 않습니다. 가벼운 특성으로 인해 저가형 장치에서도 Javascript를 실행할 수 있습니다.

대소문자를 구분합니다

Javascript에서는 이름, 변수, 키워드 및 함수가 대소문자를 구분합니다.

제어문

Javascript에는 if-else-if, 대소문자 전환 및 루프와 같은 제어 문이 있습니다. 사용자는 이러한 제어문을 사용하여 복잡한 코드를 작성할 수 있습니다.

대상은 일등시민

Javascript 배열, 함수 및 기호는 모두 객체 프로토타입 속성을 상속할 수 있는 객체입니다. 일류 시민이 된다는 것은 개체가 모든 작업을 완료할 수 있다는 것을 의미합니다.

함수형 프로그래밍 지원

Javascript 함수는 다른 함수에 인수로 전달될 수 있고, 참조로 호출될 수 있으며, 변수에 할당될 수 있습니다.

동적 유형

Javascript 변수는 모든 값 유형을 가질 수 있습니다. 동일한 변수는 문자열 값, 정수 값 또는 기타 값을 가질 수 있습니다.

클라이언트 확인

Javascript 클라이언트 측 검증을 통해 사용자는 양식 제출 중에 유효한 데이터를 서버에 제출할 수 있습니다.

플랫폼 독립적

Javascript는 운영 체제에 관계없이 모든 시스템에서 동일한 방식으로 실행됩니다.

비동기 처리

Javascript async-await 및 Promise 함수는 비동기 기능을 제공합니다. 프로세스가 병렬로 실행되므로 처리 시간과 응답성이 향상될 수 있습니다.

프로토타입 기준

Javascript는 클래스 상속 대신 "Object.prototype" 함수를 따릅니다.

Null 값 병합 연산자(??)

왼쪽 피연산자가 비어 있으면 null 병합 연산자는 오른쪽 피연산자를 반환합니다. 왼쪽 피연산자가 "null"이 아닌 경우 연산자는 왼쪽 피연산자의 값을 반환합니다. 이 연산자는 부울 연산자 오류를 방지하는 데 도움이 됩니다.

논리적 널 할당(??=)

약어입니다

으아아아

스타일 콘솔 로그

Javascript 콘솔은 스타일을 가질 수 있습니다. 예를 들어 아래 블록을 참조하세요.

으아아아

첫 번째 스타일 세트는 %c가 있는 첫 번째 문자열에 적용되고, 두 번째 %c는 두 번째 문자열에 대한 두 번째 스타일 세트를 가져옵니다.

객체 약어

객체 단축을 사용하면 사용자가 변수와 키 값을 동일한 이름으로 할당하여 공간과 시간을 절약할 수 있습니다.

으아아아

선택링크(?.)

Javascript 선택적 체이닝은 아래 예에서 일반 null 검사를 최적화합니다.

으아아아

지연/비동기 로딩

HTML 구문 분석 중에 Javascript는 파일을 "지연"하고 비동기적으로 다운로드하며 페이지 로드 시간을 최적화합니다. 비동기 스크립트는 다운로드 후 즉시 실행됩니다. 지연된 스크립트는 Dom 순서로만 실행됩니다.

간단한 클라이언트 측 계산

Javascript는 브라우저에서 간단한 클라이언트측 계산을 수행할 수 있습니다.

대형 브라우저 제어

Javascript는 서버보다 브라우저를 우선시합니다.

날짜 및 시간 처리

Javascript에는 "날짜"와 시간을 가져오는 기능이 내장되어 있습니다.

HTML 콘텐츠 생성

Javascript를 사용하면 사용자가 페이지에서 특정 작업을 수행할 때 동적 HTML 콘텐츠를 추가할 수 있습니다.

브라우저 및 운영 체제 감지

Javascript에는 사용자가 사용하는 브라우저를 감지하는 코드가 내장되어 있습니다.

Let 및 Const 키워드

Javascript는 var 키워드를 블록 수준 범위의 let 및 const 키워드로 대체합니다.

화살표 기능

Javascript는 화살표 함수 구문을 사용하여 익명 함수의 구문을 최적화합니다.

템플릿 텍스트

Javascript를 사용하면 변수를 문자열로 저장할 수 있어 개발 시간이 절약됩니다.

새로운 배열 기능

Javascript 배열 기능을 사용하면 코드 최적화가 가능합니다. 일반 배열에는 정수 인덱스가 있고 연관 배열에는 문자열 인덱스가 있습니다.

기본 매개변수

Javascript는 정의되지 않은 값 오류 조건을 방지하기 위해 기본 매개변수를 사용합니다.

속성 약어

Javascript에는 코딩 시간과 비용을 절약할 수 있는 .get()과 같은 다양한 단축 메서드가 있습니다.

Java와 유사한 구문

Javascript 구문은 Java 구문과 더 유사하므로 개발자가 두 프로그래밍 언어 모두에서 작업할 수 있습니다.

If else문

Javascript “if else” 조건문은 논리 연산을 수행합니다.

루프문

Javascript 루프를 사용하면 개발자가 루프를 사용하여 동일한 코드를 여러 번 실행할 수 있습니다.

BigInt

Javascript 允许大整数值。 Javascript 引擎以不同方式支持 BigInt。

动态导入

Javascript动态导入功能允许在运行时添加任何文件。

Promise.allSettled

Javascript Promise.allSettled 方法仅在解决或拒绝所有承诺后才接受承诺数组。

字符串matchAll

Javascript string.matchAll() 返回正则表达式中的所有匹配组。

全局这个

Javascript globalThis 指向全局对象,不考虑窗口对象或自对象。

模块命名空间导出

Javascript模块命名空间导入导出语法如下。

import * as utils from'./utils.mjs';
export {utils}
로그인 후 복사

定义良好的 for-in 顺序

Javascript 'for(a in b)' 在 2020 年之前没有执行顺序。ES2020 给出了规范。

导入.meta

Javascript import.meta 给出脚本标签的元信息。

<script type='module' src='module.js'>
console.log(meta);
//Output
{url: 'file':'//home/user/module.js'}
로그인 후 복사

使用 .at() 进行负索引

Javascript数组索引用数组长度减去过程是一种旧方法。函数.at()可以替代这个任务。

let arr=[10, 20, 30];
arr.at(2);//Prints 20
로그인 후 복사

拥有

Javascript hasOwn 属性是 hasOwnProperty 的扩展。 Javascript hasOwn 是一个静态方法。

let obj = Object.create(null);
obj.hasOwnProperty=function(){};
Object.hasOwnProperty(obj, 'hasOwnProperty');

//Cannot convert the object to the primitive value
Object.hasOwn(obj, 'hasOwnProperty'); //true
로그인 후 복사

类静态块

Javascript 类可以有静态项。

class Color {
   static blue;
   static {
      this.blue = 'blueberry';
   }
}
로그인 후 복사

错误原因

Javascript Error 类还提供错误原因报告。

throw new Error('Error message', { cause: rootCause });
로그인 후 복사

结论

Javascript 具有独特的功能以及面向对象编程和 Java 语言的功能。所讨论的所有功能和其余功能使 Javascript 成为一种强大的编程语言。

위 내용은 꼭 알아야 할 JavaScript의 중요한 기능의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿