Создать пустой объект в JavaScript с помощью {} или new Object ()?

По сути, это одно и то же. Используйте то, что вам удобнее.

Они имеют тот же конечный результат, но я бы просто добавил, что использование буквального синтаксиса может помочь привыкнуть к синтаксису JSON (строковое подмножество синтаксиса буквальных объектов JavaScript), поэтому может быть хорошей практикой войти в .

Еще одна вещь: у вас могут быть небольшие ошибки, если вы забудете использовать оператор new. Таким образом, использование литералов поможет вам избежать этой проблемы.

В конечном итоге это будет зависеть от ситуации, а также от предпочтений.

var objectA = {}

намного быстрее и, по моему опыту, используется чаще, поэтому, вероятно, лучше принять «стандарт» и сэкономить время на вводе текста.

Синтаксис литерала объекта и массива {} / [] был введен в JavaScript 1.2, поэтому он недоступен (и приведет к синтаксической ошибке) в версиях Netscape Navigator до 4.0.

Мои пальцы по-прежнему по умолчанию говорят new Array (), но я очень старый человек. К счастью, Netscape 3 - не тот браузер, о котором многие люди когда-либо думали сегодня ...

Я считаю, что {} был рекомендован в одном из видеороликов Javascript на здесь как хорошее соглашение о кодировании. new необходим для псевдоклассического наследования. способ var obj = {}; помогает напомнить вам, что это не классический объектно-ориентированный язык, а его прототип. Таким образом, единственный раз, когда вам действительно понадобится new, - это когда вы используете функции конструкторов. Например:

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

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

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

Затем он используется так:

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

Еще одно преимущество использования {} по сравнению с new Object заключается в том, что вы можете использовать его для создания объектных литералов в стиле JSON.

Объекты

Нет никаких преимуществ от использования new Object(); - тогда как {}; может сделать ваш код более компактным и более читаемым.

Для определения пустых объектов они технически одинаковы. Синтаксис {} короче, аккуратнее (менее Java-ish) и позволяет мгновенно заполнять объект встроенным, например так:

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

Массивы

Для массивов аналогично почти нет никакой пользы от использования new Array(); по сравнению с []; - за одним незначительным исключением:

var emptyArray = new Array(100);

создает массив длиной 100 элементов со всеми слотами, содержащими undefined, что может быть удобно / полезно в определенных ситуациях (например, (new Array(9)).join('Na-Na ') + 'Batman!').

Моя рекомендация

1. Никогда не используйте new Object(); - он более неуклюжий, чем {};, и выглядит глупо.
2. Всегда используйте []; - за исключением случаев, когда вам нужно быстро создать «пустой» массив с предопределенной длиной.

Да, есть разница, они не такие. Это правда, что вы получите одинаковые результаты, но движок работает по-разному для них обоих. Один из них - литерал объекта, а другой - конструктор, два разных способа создания объекта в javascript.

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

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

В JS все является объектом, но при использовании new Object () вы должны знать следующее: он может получать параметр и в зависимости от этого параметра создает строку, число или просто пустой объект.

Например: new Object(1), вернет число. new Object("hello") вернет строку, это означает, что конструктор объекта может делегировать - в зависимости от параметра - создание объекта другим конструкторам, таким как строка, число и т. д. Очень важно помнить об этом, когда вы управляете динамическими данными. создавать объекты ..

Многие авторы рекомендуют не использовать конструктор объекта, если вместо этого вы можете использовать определенную буквальную нотацию, чтобы вы были уверены, что создаваемое вами именно то, что вы ожидаете иметь в своем коде.

Я предлагаю вам продолжить чтение различий между буквальной нотацией и конструкторами в javascript, чтобы найти более подробную информацию.

Производительность создания экземпляра массива

Если вы хотите создать массив без длины:

var arr = []; быстрее, чем var arr = new Array();

Если вы хотите создать пустой массив определенной длины:

var arr = new Array(x); быстрее, чем var arr = []; arr[x-1] = undefined;

Для тестов щелкните следующее: https://jsfiddle.net/basickarl/ktbbry5b/

Однако я не знаю, сколько памяти они занимают, я могу представить, что new Array() занимает больше места.

В ПОРЯДКЕ, есть всего 2 разных способа сделать то же самое! Один называется object literal, а другой - функция constructor!

Но читайте дальше, есть пара вещей, которыми я хотел бы поделиться:

Использование {} делает ваш код более читаемым, в то время как создание экземпляров Object или других встроенных функций не рекомендуется ...

Кроме того, функция Object получает параметры как функция, например Object(params) ... но {} - это чистый способ запустить объект в JavaScript ...

Использование литерала объекта делает ваш код более чистым и понятным для других разработчиков, и он соответствует лучшим практикам в JavaScript ...

В то время как объект в Javascript может быть практически любым, {} указывает только на объекты javascript, для проверки того, как он работает, выполните следующие действия в своем коде или консоли javascript:

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

Удивительно, но он создает число!

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

И это создает массив!

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

и этот странный результат для String!

Поэтому, если вы создаете объект, рекомендуется использовать литерал объекта, чтобы иметь стандартный код и избегать любых ошибок кода, как указано выше, а также с точки зрения производительности использование {}, по моему опыту, лучше!

Var Obj = {};

Это наиболее используемый и простой метод.

С использованием

var Obj = new Obj() 

не является предпочтительным.

Нет необходимости использовать new Object().

Для простоты, удобочитаемости и скорости выполнения используйте первый (метод литерала объекта).