https://ldez.github.io/categories/h%C3%A9ritage/ Recent content in Héritage on The Best Code is No Code At All Hugo en-us Sun, 24 Feb 2019 05:29:58 +0100 https://ldez.github.io/blog/2015/04/22/javascript-inheritence-assign-extend/ Wed, 22 Apr 2015 02:14:44 +0200 https://ldez.github.io/blog/2015/04/22/javascript-inheritence-assign-extend/ <p>Une petite reflexion autour de l&rsquo;héritage en Javascript ES5.</p> <h2 id="assignextend">Assign/Extend</h2> <h3 id="example-1-1">Example 1-1</h3> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#75715e">// one </span></span></span><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">one</span> <span style="color:#f92672">=</span> { <span style="color:#a6e22e">val</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#39;A&#39;</span>, <span style="color:#a6e22e">fn</span><span style="color:#f92672">:</span> <span style="color:#66d9ef">function</span>(){ <span style="color:#66d9ef">return</span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">val</span>; } }; </span></span><span style="display:flex;"><span><span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">one</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">one</span>; </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span><span style="color:#75715e">// two </span></span></span><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">two</span> <span style="color:#f92672">=</span> Object.<span style="color:#a6e22e">assign</span>({}, <span style="color:#a6e22e">one</span>); </span></span><span style="display:flex;"><span><span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">two</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">two</span>; </span></span></code></pre></div>