memeriksa kesalahan typeof di JS

Dalam JS sepertinya tidak mungkin untuk memeriksa apakah argumen yang dilewatkan ke suatu fungsi sebenarnya dari jenis 'kesalahan' atau contoh dari Kesalahan.

Misalnya, ini tidak valid:

typeof err === 'error'

karena hanya ada 6 jenis yang mungkin (dalam bentuk string):

Typeof operator mengembalikan informasi tipe sebagai string. Ada enam kemungkinan nilai yang typeofmengembalikan:

"number", "string", "boolean", "object", "function" dan "undefined".

MSDN

Tetapi bagaimana jika saya memiliki use case sederhana seperti ini:

function errorHandler(err) {

    if (typeof err === 'error') {
        throw err;
    }
    else {
        console.error('Unexpectedly, no error was passed to error handler. But here is the message:',err);
    }
}

jadi apa cara terbaik untuk menentukan apakah argumen adalah turunan dari Kesalahan?

adalah instanceofoperator bantuan?

Anda dapat menggunakan instanceofoperator (tetapi lihat peringatan di bawah!).

var myError = new Error('foo');
myError instanceof Error // true
var myString = "Whatever";
myString instanceof Error // false

Di atas tidak akan berfungsi jika kesalahan dilemparkan ke jendela / bingkai / iframe yang berbeda dari tempat pemeriksaan terjadi. Dalam hal ini, instanceof Errorcek akan mengembalikan false, bahkan untuk suatu Errorobjek. Dalam hal itu, pendekatan termudah adalah mengetik-bebek.

if (myError && myError.stack && myError.message) {
  // it's an error, probably
}

Namun, pengetikan bebek dapat menghasilkan false positive jika Anda memiliki objek non-error yang berisi stackdan messageproperti.

Saya menanyakan pertanyaan asli - Jawaban @ Trott pasti yang terbaik.

Namun dengan JS sebagai bahasa yang dinamis dan dengan begitu banyak lingkungan runtime JS, instanceofoperator dapat gagal terutama dalam pengembangan front-end ketika melintasi batas seperti iframe. Lihat: https://github.com/mrdoob/three.js/issues/5886

Jika Anda baik-baik saja dengan mengetik bebek, ini seharusnya bagus:

let isError = function(e){
 return e && e.stack && e.message;
}

Saya pribadi lebih suka bahasa yang diketik secara statis, tetapi jika Anda menggunakan bahasa yang dinamis, lebih baik merangkul bahasa yang dinamis dengan bahasa aslinya, daripada memaksanya berperilaku seperti bahasa yang diketik secara statis.

jika Anda ingin mendapatkan sedikit lebih tepat, Anda bisa melakukan ini:

   let isError = function(e){
     return e && e.stack && e.message && typeof e.stack === 'string' 
            && typeof e.message === 'string';
    }

var myError = new Error('foo');
myError instanceof Error // true
var myString = "Whatever";
myString instanceof Error // false

Satu-satunya masalah dengan ini

myError instanceof Object // true

Alternatif untuk ini adalah dengan menggunakan properti konstruktor.

myError.constructor === Object // false
myError.constructor === String // false
myError.constructor === Boolean // false
myError.constructor === Symbol // false
myError.constructor === Function // false
myError.constructor === Error // true

Meskipun perlu dicatat bahwa kecocokan ini sangat spesifik, misalnya:

myError.constructor === TypeError // false

Anda dapat menggunakan Object.prototype.toStringuntuk dengan mudah memeriksa apakah suatu objek adalah Error, yang akan bekerja untuk bingkai yang berbeda juga.

function isError(obj){
    return Object.prototype.toString.call(obj) === "[object Error]";
}

function isError(obj){
    return Object.prototype.toString.call(obj) === "[object Error]";
}
console.log("Error:", isError(new Error));
console.log("RangeError:", isError(new RangeError));
console.log("SyntaxError:", isError(new SyntaxError));
console.log("Object:", isError({}));
console.log("Array:", isError([]));

Anda dapat menggunakan obj.constructor.name untuk memeriksa "kelas" suatu objek https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name#Function_names_in_classes

Sebagai contoh

var error = new Error("ValidationError");
console.log(error.constructor.name);

Baris di atas akan mencatat "Kesalahan" yang merupakan nama kelas objek. Ini dapat digunakan dengan kelas apa pun di javascript, jika kelas tersebut tidak menggunakan properti yang menggunakan nama "nama"

Terima kasih @ Trott untuk kode Anda, saya hanya menggunakan kode yang sama dan ditambahkan dengan contoh kerja waktu nyata untuk kepentingan orang lain.

<html>
<body >

<p>The **instanceof** operator returns true if the specified object is an instance of the specified object.</p>



<script>
	var myError = new Error("TypeError: Cannot set property 'innerHTML' of null"); // error type when element is not defined
	myError instanceof Error // true
	
	
	
	
	function test(){
	
	var v1 = document.getElementById("myid").innerHTML ="zunu"; // to change with this
	
	try {
		  var v1 = document.getElementById("myidd").innerHTML ="zunu"; // exception caught
		  } 
		  
	catch (e) {
		  if (e instanceof Error) {
			console.error(e.name + ': ' + e.message) // error will be displayed at browser console
		  }
  }
  finally{
		var v1 = document.getElementById("myid").innerHTML ="Text Changed to Zunu"; // finally innerHTML changed to this.
	}
	
	}
	
</script>
<p id="myid">This text will change</p>
<input type="button" onclick="test();">
</body>
</html>

Atau gunakan ini untuk berbagai jenis kesalahan

function isError(val) {
  return (!!val && typeof val === 'object')
    && ((Object.prototype.toString.call(val) === '[object Error]')
      || (typeof val.message === 'string' && typeof val.name === 'string'))
}