웹어셈블리의 구성요소-JS 튜토리얼-php.cn

웹어셈블리의 구성요소

Linda Hamilton

풀어 주다： 2025-01-23 12:33:10

원래의

750명이 탐색했습니다.

안녕하세요 여러분,

이 게시물은 WebAssembly에 대한 여러 부분으로 구성된 시리즈의 연속입니다. 다른 부분은 여기에서 확인하세요.

이제 WebAssembly의 기본 사항을 이해했으므로 해당 아키텍처를 살펴보겠습니다. 주요 구성 요소는 다음과 같습니다.

모듈
실행환경
스택머신
추억
테이블

웹어셈블리 모듈

WebAssembly 모듈은 실행에 필요한 함수, 메모리, 테이블 및 기타 리소스를 포함하는 컴파일된 코드 단위입니다. 각 모듈은 독립적이며 독립적으로 인스턴스화할 수 있습니다. 본질적으로 .wasm 파일입니다. 모듈은 기능과 메모리 가져오기 및 내보내기를 지원하여 모듈식 프로그래밍 및 다른 웹 기술과의 통합을 가능하게 합니다.

웹어셈블리 실행 환경

WebAssembly는 호스트(예: 브라우저 또는 Node.js) 내의 안전하고 격리된 샌드박스 환경에서 실행됩니다. 이 환경은 호스트 시스템에 대한 액세스를 제한하여 보안을 강화합니다. 리소스에 액세스하려면 명시적인 요청이 필요합니다. 실행 환경에는 모듈 로딩, 검증, 메모리 및 명령 실행을 관리하는 WebAssembly 런타임이 포함됩니다.

스택머신

WebAssembly는 스택 기반 가상 머신을 사용합니다. 명령어는 스택의 데이터를 조작합니다. 다음은 간단한 예입니다.

<code>(
    func $add(param $a i32) (param $b i32) (result i32)
        local.get $a
        local.get $b

        i32.add
)</code>

로그인 후 복사

이 함수는 두 개의 32비트 정수를 더합니다. 스택 머신의 실행 단계는 다음과 같습니다.

빈 스택.
$a을 스택에 푸시합니다.
$b을 스택에 푸시합니다.
$a 및 $b을 표시하고 추가하세요.
결과를 스택에 푸시합니다(이것이 반환 값입니다).

Components of WebAssembly

추억

WebAssembly의 선형 메모리 모델은 연속적이고 확장 가능한 바이트 배열, 즉 WebAssembly 프로그램용 HEAP입니다. 바이트 오프셋으로 색인이 생성되어 특정 위치에 직접 액세스할 수 있습니다.

예를 들어 두 개의 8비트 숫자(10과 16)를 각각 주소 0과 1에 저장하는 경우:

10 – 주소 0
16 – 주소 1

Components of WebAssembly

다양한 비트 보기를 사용하여 데이터에 액세스할 수 있습니다. 갈등을 피하려면 일관성이 중요합니다. JavaScript는 WebAssembly.Memory 인터페이스를 통해 메모리에 액세스합니다. 예:

<code class="language-javascript">const memory = new WebAssembly.Memory({ initial: 10, maximum: 100 });</code>

로그인 후 복사

640kB(최소)의 메모리를 할당합니다(1페이지 = 64kB). 공유 메모리는 다중 스레드 액세스를 허용합니다. setValue(ptr, value, type) 및 getValue(ptr, type)은 값 설정 및 가져오기를 단순화합니다.

다음은 메모리 상호 작용을 보여주는 C/JavaScript 예입니다.

<code>(
    func $add(param $a i32) (param $b i32) (result i32)
        local.get $a
        local.get $b

        i32.add
)</code>

로그인 후 복사

<code class="language-javascript">const memory = new WebAssembly.Memory({ initial: 10, maximum: 100 });</code>

로그인 후 복사

누수를 방지하려면 _free을 사용하여 메모리 할당을 해제하는 것을 잊지 마세요. 모듈은 자체 메모리를 정의할 수도 있습니다.

테이블

WebAssembly 테이블은 함수 참조를 저장하는 별도의 메모리 세그먼트로, 동적 함수 호출을 가능하게 합니다. 이를 통해 런타임에 이름에 대한 사전 지식 없이 대신 인덱스를 사용하여 함수를 호출할 수 있습니다. 이는 알 수 없는 기능이 있는 게임 플러그인을 로드하는 등의 시나리오에 매우 중요합니다.

Components of WebAssembly