Object.keys(）和Object.getOwnPropertyNames()的区别（额外的symbol小知识）

Object.keys(）和Object.getOwnPropertyNames()的区别（额外的symbol小知识）

1.Object.keys()

Object.keys()方法会返回一个由一个给定对象的自身可枚举(enumerable=true)属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。

const myobject={
    name:'Saku',
    age:'21',
    say(){
    	console.log("Hello,world")
    }
}

Object.defineProperty(myobject,'address',{
	//定义不可枚举
    enumerable:false,
    value:'这是个秘密',
})

console.log(Object.keys(myobject))
// Array ["name", "age", "say"]

2.Object.getOwnPropertyNames()

**Object.getOwnPropertyNames()**方法返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组。

const myobject={
    name:'Saku',
    age:'21',
    say(){
    	console.log("Hello,world")
    }
}

Object.defineProperty(myobject,'address',{
	//定义不可枚举
    enumerable:false,
    value:'这是个秘密',
})

console.log(Object.getOwnPropertyNames(myobject));

// Array ["name", "age", "say", "address"]

3.Symbol,中文翻译为符号。

Object.getOwnPropertyNames()在解释中提到了但不包括Symbol值作为名称的属性,就是说不能得到Symbol值作为名称的属性.

数据类型 “symbol” 是一种基本数据类型，该类型的性质在于这个类型的值可以用来创建匿名的对象属性。这里也解释到symbol可以来创建匿名的对象属性.

const _item=Symbol('item')
const myobject={
    name:'Saku',
    age:'21',
    [_item]:'mysymbol',
    say(){
    	console.log("Hello,world")
    }
}

Object.defineProperty(myobject,'address',{
	//定义不可枚举
    enumerable:false,
    value:'这是个秘密',
})

console.log(Object.getOwnPropertyNames(myobject));

//Array ["name", "age", "say", "address"]