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

Есть два разных способа создания пустого объекта в JavaScript:

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

Есть ли разница в том, как обработчик скриптов обрабатывает их? Есть ли причина использовать один над другим?

Точно так же возможно создать пустой массив, используя другой синтаксис:

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

Объекты

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

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

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

Массивы

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

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 все является объектом, но вы должны знать о следующей вещи с новым Object (): он может получить параметр, и в зависимости от этого параметра он создаст строку, число или просто пустой объект.

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

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

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

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

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

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

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

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

var objectA = {}

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

Я полагаю, что это {}было рекомендовано в одном из видеороликов 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.

Производительность массива

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

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 ...

В то время как Object в 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!

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