Function.displayName

Properti function.displayName mengembalikan nama fungsi.

Deskripsi

Ketika didefinisikan, properti displayName mengembalikan nama dari sebuah fungsi:

function doSomething() {}

console.log(doSomething.displayName); // "undefined"

var popup = function(content) { console.log(content); };

popup.displayName = 'Show Popup';

console.log(popup.displayName); // "Show Popup"

Anda bisa mendefinisikan sebuah fungsi dengan sebuah display nama di function expression:

var object = {
  someMethod: function() {}
};

object.someMethod.displayName = 'someMethod';

console.log(object.someMethod.displayName); // logs "someMethod"

try { someMethod } catch(e) { console.log(e); }
// ReferenceError: someMethod is not defined

Anda bisa merubah  displayName dari sebuah fungsi secara dinamis:

var object = {
  // anonymous
  someMethod: function(value) {
    this.displayName = 'someMethod (' + value + ')';
  }
};

console.log(object.someMethod.displayName); // "undefined"

object.someMethod('123')
console.log(object.someMethod.displayName); // "someMethod (123)"

Contoh

Biasanya lebih banyak digunakan dengan console dan profiler melalui func.name untuk menampilkan nama function.

Dengan menuliskan kode berikut, maka seharusnya akan menampilkan "function My Function()":

var a = function() {};
a.displayName = 'My Function';

a; // "function My Function()"

Spesifikasi

Bukan bagian dari spesifikasi.

Kompabilitas browser