title: How do I set the default property of an object (object)?
body: <p>I need to add new objects to the list (Filters.list)<br>
  * Filters.prop - is a default prop<br>
  * list items also have prop - list[name].prop (equal default prop)  </p>
  
  <p>Chage default <em>Filters.prop</em> -> [not] change item <em>list[name].prop</em><br>
  Where is the mistake?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function Filters() {
    this.prop = 'some';  
    this.list = { };
    
    this.add = function (name) {
      this.list[name] = {
        prop: this.prop,
      };
    }
  } 
   
  let attempt = new Filters();
  attempt.add('first');
  attempt.prop = 'other';
  
  document.writeln(attempt.prop);
  document.writeln(attempt.list['first'].prop);</code></pre>
  </div>
  </div>
  </p>
  
  <p>After run snippet output: other some<br>
  But I need: other other   </p>
  
  <p>I thought the property would be saved by reference. But this is not so, it does not change. When I change <em>Filters.prop</em> I expected that too it will change <em>list[name].prop</em> </p>