<button id="jhcbw"><acronym id="jhcbw"></acronym></button>
<em id="jhcbw"></em>
    1. <th id="jhcbw"><pre id="jhcbw"><rt id="jhcbw"></rt></pre></th>

        <ol id="jhcbw"><object id="jhcbw"></object></ol>
        首頁>技術分享>通俗易懂理解JavaScript對象之Object.create和Object.assign

        通俗易懂理解JavaScript對象之Object.create和Object.assign

        作為一名非科班出身的野生程序員,一直對JavaScript的Object研究很少,雖然平時經常使用對象或者數組。

        剛好今天在W3C復習JavaScript,鄭州網站公司的菜鳥全棧開發工程師小游就和大家一起學習下。


        JavaScript中所有的事物都是對象,比如:字符串,數組,數值,函數等等。此外JavaScript允許自定義對象。

        對象只是一種特殊的數據,對象擁有屬性和方法。


        創建對象有兩種方式,分別是:實例化Object和字面量;

        實例化創建對象語法:var obj = new Object();

        字面量創建對象語法:var obj = {name1:value1,name2:value2}


        要講到重點啦?。?!

        其實,我們今天是要重點研究一下Object的兩個方法:Object.assign和Object.create;

        Object的方法我自己平時用的少,說真的不怎么了解。


        Object.assign()用法:

        在MDN這個網站上,我們可以看到Object.assign()方法用于將多有可枚舉屬性的值從一個或者多個源對象分配到目標對象,它將返回目標對象;

        這...我當時看的時候,也有點懵,先不慌,我們接著看語法?。?!

        Object.assign(target, ...sources)   //參數一為:目標對象; 參數二為:源對象;


        看不懂接著看MDN提供的示例:

        const obj = {a:1};

        const copy = Object.assign({}, obj);

        console.log(copy); // {a:1}


        由上面的示例,我們可以這樣理解,Object.assign()中的第二個參數也就是源對象就是我們要復制的對象,把源對象里面的屬性和值填充到第一個參數(也就是目標對象中)。劃重點:需要注意的是,assign是淺拷貝,因為拷貝的是(可枚舉)屬性和值。


        Object.create()用法:

        在MDN上是這樣說的Object.create()方法用于創建一個新的對象,使用現有的對象來提供新創建的對象的__proto__。

        乍一看,挺懵,我們直接上代碼,如下:

        WX20201125-233638.png


        到這里Object這兩個方法我們學習完了,這兩個方法串起來看下,有重點哦?。?!

        WX20201125-234113.png


        本文內容是我自己的理解加上控制臺看到分析的結果,如有錯誤請大家見諒,鄭州做網站可尚文化會一如既往的持續更新web開發技術,請大家繼續關注?。?!

        免费大波美女做受视频
        <button id="jhcbw"><acronym id="jhcbw"></acronym></button>
        <em id="jhcbw"></em>
        1. <th id="jhcbw"><pre id="jhcbw"><rt id="jhcbw"></rt></pre></th>

            <ol id="jhcbw"><object id="jhcbw"></object></ol>