ES6中的class是如何实现的(附Babel编译的ES5代码详解)-创新互联
序言
这篇文章主要讲解面试中的一个问题 - ES6中的class语法的实现?
ECMAScript 6 实现了class,class是一个语法糖,使得js的编码更清晰、更人性化、风格更接近面向对象的感觉;也使 IDE 、编译期类型检查器、代码风格检查器等工具更方便地检测代码语法,做静态分析。同样的,这给没有类就缺点什么的软件开发工程师一个更低的门槛去接触js。
ES6 class 的 ES5 代码实现
JavaScript语言的传统方法是通过构造函数定义并生成新对象,这种写法和传统的面向对象语言差异较大。所以,ES6引入了Class这个概念作为对象的模板。
constructor
效果:ES6创建一个class会默认添加constructor方法,并在new调用时自动调用该方法。
ES5:
function Person(name, age) { this.name = name; this.age = age; } Person.prototype.toString = function () { return '(' + this.name + ',' + this.age + ')'; } var p = new Person('Mia', 18); console.log(p);// Person { name: 'Mia', age: 18 }
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
新闻名称:ES6中的class是如何实现的(附Babel编译的ES5代码详解)-创新互联
网站路径:http://scyanting.com/article/gshhs.html