js中的class如何转移成ES5呢

最新推荐文章于 2024-01-27 22:09:01 发布

原创最新推荐文章于 2024-01-27 22:09:01 发布 · 881 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #前端 #class #babel #es5

前端专栏收录该内容

9 篇文章

订阅专栏

本文探讨了JavaScript中构造函数Person的实现方式，解释了为何不直接使用prototype属性，而通过自定义_prototype方法来为构造函数添加方法。讨论了这种方法如何避免直接修改prototype属性可能导致的enumerable等特性的丢失。

var Person = function()
{
function Person(name,age){
if(!(this instanceof Person))
throw Error(“Must Use NEW”);
this.name = age;
this.age = age;
}

_prototype(Person,[{key:“saynothing”, value:function saynothing()}
{
},{}])
}()

var = New Person(“11”,11);

//为什么不直接用prototype。name = {}；

因为这样无法直接继承其enumerable等特性。
_prototype(Constructor.prototype,prototype, staticprototype)
{
//(construcor.prototype, prototype)
for(var i in prototype)
var descriptor = prototype[i];
decscriptor.enumerable = descriptor.enumerable||false
descriptor.configurable = true；
//当get，set函数的时候是没有value的
if(“value” in descriptor)
descriptor.writable = true;

Object.defineProperties( Constructor.prototype, descriptor.key,
descriptor)

//(constructor, staticprototype)
}