Apa itu kesalahan ketik dalam javascript?

TypeError adalah kesalahan yang muncul saat ekspresi atau pernyataan dievaluasi, dan tipe ekspresi atau pernyataan tidak kompatibel dengan tipe yang diharapkan

Jenis kesalahan ini dapat terjadi di JavaScript saat Anda mencoba menggunakan nilai yang memerlukan jenis yang berbeda, seperti menggunakan angka dan bukan string

Dalam contoh kode berikut, variabel msg  diberi nilai Hello, world! tetapi kemudian mencoba untuk menetapkan nilai 2 ke variabel "msg" akan menghasilkan

var x = "Hello, world!";
var y = 2;

var msg = "Hello, world!";
msg = 2;

Dalam JavaScript, Anda biasanya dapat menentukan jenis ekspresi berdasarkan jenis variabel yang ditetapkan padanya

Dalam contoh kode berikut, variabel

var x = "Hello, world!";
var y = 2;

var x = "Hello, world!";
var y = 2;

var x = "Hello, world!";
var y = 2;

Karena

var x = "Hello, world!";
var y = 2;

var x = "Hello, world!";
var y = 2;

var x = "Hello, world!";
var y = 2;

var x = "Hello, world!";
var y = 2;

Kita juga dapat menggunakan operator

console.log(typeof x);

Dalam contoh kode berikut, operator

console.log(typeof x);

var x = "Hello, world!";
var y = 2;

console.log(typeof x);

Keluaran dari kode ini adalah

console.log(typeof x);

Sekarang mari kita lihat contoh yang lebih kompleks. Dalam kode berikut, variabel

var x = "Hello, world!";
var y = 2;

var x = "Hello, world!";
var y = 2;

var x = msg * y;

Karena msg adalah string dan

var x = "Hello, world!";
var y = 2;

var x = msg * y;

Jadi nilai

var x = "Hello, world!";
var y = 2;

Sekarang mari kita coba ubah nilai variabel

var x = "Hello, world!";
var y = 2;

var y = "Hello, world!";

Karena

var x = "Hello, world!";
var y = 2;

var x = "Hello, world!";
var y = 2;

Ada beberapa cara untuk menangani

var x = "Hello, world!";
var y = 2;

Salah satu caranya adalah dengan menggunakan pernyataan

var x = msg * y;

Cara menggunakan coba. menangkap dalam javascript

Pernyataan

var x = msg * y;

Dalam contoh kode berikut, pernyataan

var x = msg * y;

var x = "Hello, world!";
var y = 2;

var x = "Hello, world!";
var y = 2;

var y = "Hello, world!";
try {
    var x = msg * y;
    } catch (e) {
    console.log("TypeError: " + e.message);
}

Keluaran dari kode ini adalah ________21______1

Cara lain untuk menangani

var x = "Hello, world!";
var y = 2;

var y = "Hello, world!";

Fungsi

var y = "Hello, world!";

Pada contoh kode berikut, fungsi

var y = "Hello, world!";

var x = "Hello, world!";
var y = 2;

var y = "Hello, world!";
alert("y is not a number");

Keluaran dari kode ini adalah ________21______7

💡

Ingin mensponsori matcha. tahu? . Mari terhubung dan mengobrol tentangnya

TypeErrors dapat dilemparkan kepada Anda saat mencoba mengubah nilai yang tidak dapat diubah atau saat menggunakan nilai dengan cara yang tidak tepat. Itu juga bisa terjadi ketika sebuah argumen diteruskan ke fungsi yang tidak sesuai dengan tipe yang diharapkan oleh fungsi atau operator di dalam fungsi

Temukan Pertandingan Kamp Pelatihan Anda

• Career Karma mencocokkan Anda dengan kamp pelatihan teknologi terbaik
• Akses beasiswa eksklusif dan kursus persiapan

Dengan melanjutkan, Anda menyetujui Ketentuan Layanan dan Kebijakan Privasi kami, dan Anda setuju untuk menerima penawaran dan peluang dari Career Karma melalui telepon, pesan teks, dan email

Mengubah Nilai Yang Tidak Dapat Diubah

Saat Anda menggunakan kata kunci const untuk menetapkan nilai pada sesuatu, ini berarti nilainya konstan, tidak akan berubah. Mencoba mengubah nilai variabel konstan akan menghasilkan TypeError

const a = 5
a = "5"
// Uncaught TypeError: Assignment to constant variable.

Kami dapat memperbaikinya hanya dengan mengubah nama pengidentifikasi yang ingin kami identifikasi dengan string "5"

const a = 5
const b = "5"

Menggunakan Nilai dengan Cara yang Tidak Pantas

Pengembang juga harus memastikan bahwa nilai digunakan sebagaimana mestinya. Pada contoh di bawah ini, "Cat" dan "garfield" dibalik saat mencoba memverifikasi apakah garfield adalah instance dari fungsi Cat()

function Cat() {}
function Dog() {}
 
let garfield = new Cat()
 
Cat instanceof garfield
 
// Uncaught TypeError: Right-hand side of 'instanceof' is not callable

Kita bisa memperbaikinya dengan mengoreksi urutan keduanya

function Cat() {}
function Dog() {}
 
let garfield = new Cat()
 
garfield instanceof Cat

Argumen yang Tidak Sesuai dengan Tipe yang Diharapkan oleh Fungsi

Saat membuat kode operasi, pengembang harus memastikan bahwa mereka menggunakan nilai dengan cara yang memungkinkan mereka mendapatkan hasil yang diinginkan. Nilai null dapat digunakan dengan sengaja untuk menandakan tidak adanya objek, tetapi cara penggunaannya di bawah ini akan menghasilkan TypeError karena digunakan sebagai argumen yang tidak kompatibel dengan tipe yang diharapkan oleh fungsi

 function readingErrorsAreImportant(a){
    if(a.length === 5){
      return "equals five"
    } else if(a.length > 5) {
      return "Greater than five"
    }  else {
      return "Less than five"
    }
   }
   console.log(readingErrorsAreImportant(null))
 
   // Uncaught TypeError: Cannot read property 'length' of null

Kita dapat memperbaikinya dengan mengirimkan tipe nilai yang diharapkan. Seperti tipe nilai numerik

function readingErrorsAreImportant(a){
    if(a.length === 5){
      return "equals five"
    } else if(a.length > 5) {
      return "Greater than five"
    }  else {
      return "Less than five"
    }
   }
   console.log(readingErrorsAreImportant(10))

Kesimpulan

Penting untuk dapat memahami mengapa kode Anda melontarkan kesalahan jenis agar Anda memahami cara men-debug-nya. Jika Anda pernah berada dalam posisi di mana Anda tidak yakin tentang cara mengkategorikan suatu tipe, operator typeof akan mengembalikan Anda salah satu dari sembilan data atau tipe struktural, untuk pemahaman yang lebih baik tentang bagaimana Anda harus melanjutkan dengan debugging

Bagaimana cara mengatasi TypeError dalam JavaScript?

Bagaimana cara menangani kesalahan ketik dalam javascript?

Bagaimana cara memperbaiki TypeError yang tidak tertangkap bukan fungsi?

Bagaimana cara memperbaiki kesalahan ketik di node js?