国产免费av片在线观看-国产免费av观看-国产免费av电影-国产免费a-四虎网站在线观看-四虎网站在线

訂閱本欄目 RSS您所在的位置: 深山工作室 > HTML > 正文

Object.assign的一些用法

2020/11/12 20:19:03 字體: 瀏覽 2730

用法1:替換數(shù)組的值

let a = [1,2,3],b = [4,5]
console.log( Object.assign(a,b)); // 后面的值覆蓋前面的值,[4,5,3]


用法2:為對(duì)象添加屬性
下面是es5的寫法:this.xxx =xxx

  //    es5的寫法
       class Test{
            constructor(x,y){
                this.x =x
                this.y = y
            }

            sum(){
                return this.x + this.y
            }
       }
       let t = new Test(1,2)
       console.log(t.sum());



用Object.assign的寫法

       // Object.assign的寫法
       class Test2{
           constructor(x,y){
             Object.assign(this,{x,y})
           }
           sum2(){
               
               return this.x + this.y
           }
       }

       let t2 = new Test2(1,2)
       console.log(t2.sum2());



用法3 深度克隆對(duì)象

//    用法3 深度克隆對(duì)象
     let clone = (orignObj) => {
            let originProto = Object.getPrototypeOf(orignObj)
            return Object.assign(Object.create(originProto), orignObj)
        }
        let obj3 = { name: 'zs', age: 12 }
        console.log(clone(obj3));



用法4:合并對(duì)象屬性
下面這種寫法,合并后,原來的兩個(gè)對(duì)象都已經(jīng)改變
// example1
        let obj = {name:'zs'} ,obj2 = {name:'zs',age:12}
        let merge = (target, ...v) => Object.assign(target, ...v)
        console.log(merge(obj,obj2));// {name:'zs',age:12}
        console.log(obj,obj2); // 合并后,兩個(gè)對(duì)象都已經(jīng)改變,值都是 {name:'zs',age:12}
如果不想改變?cè)瓉淼膶?duì)象,可以用下面這個(gè)寫法

  // example2 合并后,返回一個(gè)新對(duì)象,不更改原有對(duì)象的屬性
        let merge2 = (...v) => Object.assign({}, ...v)
        console.log(merge2(obj, obj2));// {name:'zs',age:12}
        console.log(obj); //  原來的對(duì)象保持原樣  {name:'zs'}
        console.log(obj2); //  原來的對(duì)象保持原樣  {name:'zs',age:12}

//合并對(duì)象,還可以用展開操作符
let obj5 = {name:'zs'},obj6 = {age:12}
let newOjb = {...obj5,...obj6}
console.log(newOjb);

       
用法5.為默認(rèn)對(duì)象新增屬性

const DEFAULTS = { name: 'zs', age: 13 } // 默認(rèn)對(duì)象
let createObjWithDefault = (opt) => Object.assign({}, DEFAULTS, opt)
console.log(createObjWithDefault({ 'addr': 'gz' }));

相關(guān)閱讀
旅行社線路主題默認(rèn)模板4
web2.0網(wǎng)頁--常用的XHTML標(biāo)簽的使用技巧方法介紹
ASP中控制輸出字符串的長(zhǎng)度
國(guó)內(nèi)組團(tuán)社旅游服務(wù)商建站解決方案
旅游線路系統(tǒng)
另外的一種可以計(jì)算的倒計(jì)時(shí)效果
手機(jī)網(wǎng)站
asp顯示隨機(jī)密碼
共有0條關(guān)于《Object.assign的一些用法》的評(píng)論
發(fā)表評(píng)論
正在加載評(píng)論......
返回頂部發(fā)表評(píng)論
呢 稱:
表 情:
內(nèi) 容:
評(píng)論內(nèi)容:不能超過 1000 字,需審核,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼: 驗(yàn)證碼 
網(wǎng)友評(píng)論聲明,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號(hào)開發(fā)
uni-app
asp函數(shù)庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
DW設(shè)置之后更好用 DreamweaverCS編輯GB2312與UTF-8文件在代碼視圖中點(diǎn)擊鼠標(biāo)錯(cuò)位問題的解決辦法
js指定日期加n天加n月加n年
jquery中動(dòng)態(tài)生成的代碼使用on hover事件時(shí)不出現(xiàn)效果
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動(dòng)端自動(dòng)化測(cè)試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機(jī)抽取信息
可移動(dòng)的彈出層
在未知圖片的寬度與高度時(shí)利用div+css將圖片居中
04 正常使用運(yùn)行深山留言板
JS自動(dòng)獲取TAGS關(guān)鍵詞
中國(guó)簽證行業(yè)領(lǐng)導(dǎo)者--91出國(guó)簽證網(wǎng)
介紹JavaScript里比較和邏輯運(yùn)算符
主站蜘蛛池模板: 女忍者法帖| 老闺蜜电视剧免费观看完整版高清 | 魔女| 男男大尺度无删减床戏| 侠侣探案| 女人30第二季免费观看综艺| 遇见恶魔| 杨超越穿游泳服装| 北国之恋| 尤勇个人资料简介简历| 西界歌词| 迈克尔·j·福克斯| 熊汝霖| 环太平洋豆瓣| 高锰酸盐指数和cod的关系| 大树君| 柯佳青| 春风不问路| 张钰凰| 粤港澳三地车牌| 尹雪喜 新建文件夹2| 情人看刀| 吻戏陈伟霆| 二次元美女放屁| 87版七仙女台湾| 逆光飞翔 电影| 保证书怎么写才有法律效力| 母5| 双勾函数的图像与性质| 弯刀| 天空骑士| 一人比划一人猜100个| 三年片大全在线观看| 成龙电影全部电影作品大全| 蜂鸟电视剧演员表| 脚心的视频vk| 特种部队电影全集观看| 女神异闻录3动漫| 河东舞曲的士高| 日本电影芋虫| 魅力学院电影|