在前端開發過程中，由于javascript的執行速度相對較慢，我們常常需要通過調用C++代碼來提高程序的運行效率，這一過程叫做javascript調用C。下面我們來詳細說明javascript調用C的過程。

首先，我們需要在瀏覽器端準備好需要調用的C++代碼，即編譯好的二進制文件。如果沒有編譯好的二進制文件，我們需要先編寫C++代碼，在編寫完成后使用編譯器編譯成二進制文件。

#include <stdio.h>
int add(int a, int b) {
return a + b;
}

上述代碼是一個簡單的C++函數，它接收兩個整數參數并返回它們的和。編寫完成后，我們使用gcc編譯成add.so文件：

gcc -shared -o add.so add.cpp

編譯完成后，我們就可以在javascript代碼中調用它了。下面是調用的代碼：

const mylib = new ArrayBuffer(read('./add.so', 'binary'));
WebAssembly.instantiate(mylib, {})
.then(module => {
console.log(module.exports._add(1, 2));
});

在這段代碼中，我們先通過fetch函數獲取二進制文件，然后使用WebAssembly.instantiate函數將其實例化，在返回的module對象中我們可以找到導出的函數_add即為我們在C++中編寫的add函數，此時我們可以通過傳參的方式調用它。

需要注意的是，在實際開發中我們可能需要使用emscripten來生成C++代碼的wasm文件，emscripten將C++代碼轉化成javascript后在瀏覽器環境下使用，減少了C++代碼與javascript之間的轉化。

在使用C++函數時，我們要注意函數的參數類型和返回值類型必須與javascript一致，例如在C++中返回的數組必須使用TypedArray類型進行接收。

除了將C++編寫成二進制文件的方式來調用，我們還可以通過使用asm.js來將C++代碼轉換成javascript代碼，這種方式會引入一些額外的js代碼，但可以避免一些執行速度的損失。

總而言之，javascript調用C++是為了提高程序的運行效率，對于有大量計算量的業務邏輯代碼，使用C++可以讓程序運行更加流暢。我們需要關注的是參數類型的匹配和代碼的跨平臺性，在保證運行效率的同時，也需要保證代碼的穩健性。