前端技术之:如何通过类的属性获取类名
class A {
constructor(a, b = 'bbb', c = 1) {
this.a = a;
this.b = b;
this.c = c;
}
}
获取类的原型对象constructor属性:
创新互联是一家专业提供浦城企业网站建设,专注与成都做网站、成都网站建设、H5建站、小程序制作等业务。10年已为浦城众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。
const desc3 = Object.getOwnPropertyDescriptor(A.prototype, 'constructor');
console.info(desc3);
结果如下:
{
value: [Function: A],
writable: true,
enumerable: false,
configurable: true
}
由此看出A的原型对象constructor属性的值实际上是一个Function,我们进一步获取这个Function的属性描述:
console.info(Object.getOwnPropertyDescriptors(desc3.value));
或者直接获取:
console.info(Object.getOwnPropertyDescriptors(A.prototype.constructor));
得到如下结果:
{
length: {
value: 1,
writable: false,
enumerable: false,
configurable: true
},
prototype: {
value: A {},
writable: false,
enumerable: false,
configurable: false
},
name: {
value: 'A',
writable: false,
enumerable: false,
configurable: true
}
}
由此可以知道,我们可以通过类的prototype.constructor.name属性获取到类名。
console.info(A.prototype.constructor.name);
我们已经知道了如何通过属性获取类的名称,但对像类实例对象直接使用这种方法是行不通的,原因是类的对象实例没有prototype属性。
console.info(undefined == new A().prototype);
以上输出结果为:true,说明类的实例对象是没有prototype属性的。但我们可以通过Object.getPrototypeOf获取到对象对应的原型。
const instance = new A();
const objProto = Object.getPrototypeOf(instance);
console.info(objProto === A.prototype);
console.info(Object.getOwnPropertyDescriptors(objProto));
console.info(Object.getOwnPropertyDescriptors(objProto.constructor));
以上代码的输出结果为:
true
{ constructor:
{ value: [Function: A],
writable: true,
enumerable: false,
configurable: true } }
{ length:
{ value: 1,
writable: false,
enumerable: false,
configurable: true },
prototype:
{ value: A {},
writable: false,
enumerable: false,
configurable: false },
name:
{ value: 'A',
writable: false,
enumerable: false,
configurable: true } }
说明通过Object.getPrototypeOf获取到的对象原型与类的原型对象是同一个实例。获取到原型对象后,我们就可以获取到对象的类名。
console.info(objProto.constructor.name);
新闻名称:前端技术之:如何通过类的属性获取类名
当前路径:http://ybzwz.com/article/jsocsp.html