国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

ES6 Object方法擴(kuò)展的應(yīng)用實(shí)例分析

2024-05-06 15:37:30
字體:
供稿:網(wǎng)友

本文實(shí)例講述了ES6 Object方法擴(kuò)展的應(yīng)用。分享給大家供大家參考,具體如下:

在ES6中針對對象的方法做了一些擴(kuò)展和優(yōu)化,下面簡單總結(jié)下常用的方法

is方法判斷兩個對象是否全等

console.log(Object.is({},{}), {} === {}); // false, falseconsole.log(Object.is(NaN,NaN), NaN === NaN); // true, falseconsole.log(Object.is(+0,-0), +0 === -0); // false, true

assign方法用于對象屬性的拷貝

如果兩個參數(shù),把第二個參數(shù)中可枚舉的屬性拷貝到第一個參數(shù)對象中, 僅限于可枚舉的屬性,如果有多個參數(shù),那么同樣拷貝

var obj = {};var obj2 = Object.assign(obj,{name:'Joh'},{age:10});console.log(obj === obj2, obj); // true, {name:'Joh', age:10}console.log(Object.is(obj,obj2)); // true

相同屬性的覆蓋拷貝

const DEFAULT_OPTIONS = { name:"Joh"};function test(opts) { let options = Object.assign({}, DEFAULT_OPTIONS, opts); console.log(options);}test(); // {name: "Joh"}test({name:"Lily",age:10}); // {name: "Lily", age: 10}

Symbol屬性同樣拷貝

var skey1 = Symbol('test');var skey2 = Symbol('test');var obj = {};Object.assign(obj,{name:'Joh'},{age:10},{[skey1]: 'I am test1'},{[skey2]: 'I am test2'}); // 拷貝// 驗證Symbol的拷貝成功console.log(obj[skey1]); // I am testconsole.log(obj); // {name: "Joh", age: 10, Symbol(test): "I am test1", Symbol(test): "I am test2"}

Object方法:keys,getOwnPropertyNames, getOwnPropertySymbols,getOwnPropertyDescriptor的應(yīng)用

class A { constructor() {  this.name = 'Joh'; } [Symbol('fullnameA')] () { } getName() { }}class B extends A { constructor() {  super();  this.age = 22; } [Symbol('fullnameB')] () { } getAge() { }}B.prototype.getColor = function () {};var b = new B();// 備注:只能獲取【自身可枚舉屬性】,但得不到【原型鏈上的屬性(比如方法) + Symbols屬性】console.log(Object.keys(b)); // ["name", "age"]// 備注:可獲取【可枚舉屬性】,但得不到【原型鏈上的屬性 + Symbols屬性】console.log(Object.getOwnPropertyNames(b)); // ["name", "age"]// 使用keys怎么也得不到原型鏈上不可枚舉的屬性[通過語法糖創(chuàng)建的方法]console.log(Object.keys(B.prototype)); // ["getColor"]// 使用 getOwnPropertyNames 傳入prototype 可以得到原型鏈上的屬性console.log(Object.getOwnPropertyNames(B.prototype)); // ["constructor", "getColor", "getAge"]// 通過getOwnPropertySymbols可以得到自身Symbols屬性,但得不到繼承的Symbol屬性console.log(Object.getOwnPropertySymbols(B.prototype)); // [Symbol(fullnameB)]// 獲取自身可枚舉屬性包括繼承過來的,備注:通過class內(nèi)部的語法糖創(chuàng)建的方法是不可枚舉的,但是通過后期B.prototype.出來的是可枚舉的for(let key in b) { console.log(key); // 依次輸出 name 和 age 和 getColor}// 描述對象 測試可枚舉性console.log(Object.getOwnPropertyDescriptor(B.prototype,'getColor'));console.log(Object.getOwnPropertyDescriptor(B.prototype,'getColor').enumerable); // trueconsole.log(Object.getOwnPropertyDescriptor(B.prototype,'getAge').enumerable); // false            
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 晋江市| 普定县| 太谷县| 偃师市| 黑河市| 南皮县| 女性| 玉山县| 乐亭县| 华安县| 六枝特区| 筠连县| 鹤庆县| 闽清县| 莲花县| 全椒县| 集贤县| 伊通| 六枝特区| 安龙县| 高密市| 博乐市| 上思县| 桦川县| 丹巴县| 上饶市| 视频| 江陵县| 天全县| 土默特左旗| 信丰县| 瑞丽市| 富民县| 资阳市| 蓬安县| 永顺县| 西林县| 永吉县| 册亨县| 赤峰市| 县级市|