Buat objek kosong di JavaScript dengan {} atau Object baru ()?

Ada dua cara berbeda untuk membuat objek kosong di JavaScript:

var objectA = {}
var objectB = new Object()

Apakah ada perbedaan dalam cara mesin skrip menangani mereka? Apakah ada alasan untuk menggunakan salah satunya?

Demikian pula dimungkinkan untuk membuat array kosong menggunakan sintaks yang berbeda:

var arrayA = []
var arrayB = new Array()

Benda

Tidak ada manfaatnya menggunakan new Object();- sedangkan {};dapat membuat kode Anda lebih kompak, dan lebih mudah dibaca.

Untuk mendefinisikan objek kosong mereka secara teknis sama. The {}sintaks yang lebih pendek, lebih rapi (kurang Java-ish), dan memungkinkan Anda untuk langsung mengisi objek inline - seperti:

var myObject = {
        title:  'Frog',
        url:    '/img/picture.jpg',
        width:  300,
        height: 200
      };

Array

Untuk array, hampir tidak ada manfaatnya menggunakan new Array();over [];- dengan satu pengecualian kecil:

var emptyArray = new Array(100);

menciptakan array panjang 100 item dengan semua slot yang berisi undefined- yang mungkin bagus / berguna dalam situasi tertentu (seperti (new Array(9)).join('Na-Na ') + 'Batman!').

Rekomendasi saya

1. Jangan pernah gunakan new Object();- ini lebih clunkier daripada {};dan terlihat konyol.
2. Selalu gunakan [];- kecuali ketika Anda perlu dengan cepat membuat array "kosong" dengan panjang yang telah ditentukan.

Ya, ada perbedaan, mereka tidak sama. Memang benar Anda akan mendapatkan hasil yang sama tetapi mesin bekerja dengan cara yang berbeda untuk keduanya. Salah satunya adalah objek literal, dan yang lainnya adalah konstruktor, dua cara berbeda untuk membuat objek dalam javascript.

var objectA = {} //This is an object literal

var objectB = new Object() //This is the object constructor

Di JS semuanya adalah objek, tetapi Anda harus mengetahui hal berikut dengan Objek baru (): Objek dapat menerima parameter, dan tergantung pada parameter itu, ia akan membuat string, angka, atau hanya objek kosong.

Misalnya:, new Object(1)akan mengembalikan Nomor. new Object("hello")akan mengembalikan string, artinya konstruktor objek dapat mendelegasikan - tergantung pada parameter - pembuatan objek ke konstruktor lain seperti string, angka, dll. Sangat penting untuk mengingat ini saat Anda mengelola data dinamis untuk buat objek ..

Banyak penulis merekomendasikan untuk tidak menggunakan konstruktor objek ketika Anda dapat menggunakan notasi literal tertentu, di mana Anda akan yakin bahwa apa yang Anda buat adalah apa yang Anda harapkan ada dalam kode Anda.

Saya menyarankan Anda untuk melakukan bacaan lebih lanjut tentang perbedaan antara notasi literal dan konstruktor pada javascript untuk menemukan rincian lebih lanjut.

Ini memiliki hasil akhir yang sama, tetapi saya hanya akan menambahkan bahwa menggunakan sintaks literal dapat membantu seseorang menjadi terbiasa dengan sintaks JSON (subset string-ified dari sintaks objek JavaScript JavaScript), sehingga mungkin merupakan praktik yang baik untuk masuk ke dalam .

Satu hal lagi: Anda mungkin memiliki kesalahan kecil jika Anda lupa menggunakan newoperator. Jadi, menggunakan literal akan membantu Anda menghindari masalah itu.

Pada akhirnya, itu akan tergantung pada situasi dan juga preferensi.

Objek dan larik sintaks literal {} / [] diperkenalkan di JavaScript 1.2, jadi tidak tersedia (dan akan menghasilkan kesalahan sintaksis) dalam versi Netscape Navigator sebelum 4.0.

Jari-jariku masih default untuk mengatakan Array baru (), tapi aku sudah tua. Untungnya Netscape 3 bukan peramban yang harus dipertimbangkan banyak orang hari ini ...

var objectA = {}

jauh lebih cepat dan, dalam pengalaman saya, lebih umum digunakan, jadi mungkin yang terbaik untuk mengadopsi 'standar' dan menyimpan beberapa pengetikan.

Saya percaya {}direkomendasikan di salah satu vid Javascript di sini sebagai konvensi pengkodean yang baik. newdiperlukan untuk pewarisan pseudoklasik. yang var obj = {};cara membantu untuk mengingatkan Anda bahwa ini bukan bahasa berorientasi objek klasik tapi satu prototypal. Jadi, satu-satunya waktu yang Anda perlukan newadalah ketika Anda menggunakan fungsi konstruktor. Sebagai contoh:

var Mammal = function (name) {
  this.name = name;
};

Mammal.prototype.get_name = function () {
  return this.name;
}

Mammal.prototype.says = function() {
  return this.saying || '';
}

Kemudian digunakan seperti:

var aMammal = new Mammal('Me warm-blooded');
var name = aMammal.get_name();

Keuntungan lain untuk menggunakan {}sebagai lawan new Objectadalah Anda dapat menggunakannya untuk melakukan objek literal gaya JSON.

Array kinerja instantiation

Jika Anda ingin membuat array tanpa panjang:

var arr = []; lebih cepat dari var arr = new Array();

Jika Anda ingin membuat array kosong dengan panjang tertentu:

var arr = new Array(x);lebih cepat dari var arr = []; arr[x-1] = undefined;

Untuk tolok ukur klik yang berikut ini: https://jsfiddle.net/basickarl/ktbbry5b/

Namun saya tidak tahu jejak memori keduanya, saya bisa membayangkan bahwa ini new Array()membutuhkan lebih banyak ruang.

Ini pada dasarnya adalah hal yang sama. Gunakan apa pun yang Anda rasa lebih nyaman.

OK , hanya ada 2 cara berbeda untuk melakukan hal yang sama! Yang satu dipanggil object literaldan yang lainnya adalah fungsi constructor!

Tapi baca terus, ada beberapa hal yang ingin saya bagikan:

Penggunaan {}membuat kode Anda lebih mudah dibaca, sambil membuat instance Objectatau fungsi bawaan lainnya tidak disarankan ...

Selain itu, fungsi Objek mendapat parameter karena fungsinya, seperti Object(params)... tetapi {}merupakan cara murni untuk memulai objek dalam JavaScript ...

Menggunakan objek literal membuat kode Anda terlihat jauh lebih bersih dan lebih mudah dibaca untuk pengembang lain dan sejalan dengan praktik terbaik dalam JavaScript ...

Meskipun Objek dalam Javascript bisa berupa hampir semua hal, {}hanya menunjuk ke objek javascript, untuk pengujian cara kerjanya, lakukan di bawah ini dalam kode atau konsol javascript Anda:

var n = new Object(1); //Number {[[PrimitiveValue]]: 1}

Anehnya, itu menciptakan Angka!

var a = new Object([1,2,3]); //[1, 2, 3]

Dan ini menciptakan Array!

var s = new Object('alireza'); //String {0: "a", 1: "l", 2: "i", 3: "r", 4: "e", 5: "z", 6: "a", length: 7, [[PrimitiveValue]]: "alireza"}

dan hasil aneh ini untuk String!

Jadi, jika Anda membuat objek, disarankan untuk menggunakan objek literal, untuk memiliki kode standar dan menghindari kecelakaan kode seperti di atas, juga penggunaan kinerja yang bijaksana {}lebih baik dalam pengalaman saya!