js方法定义类示例[ES5和ES6]

本文说明了js定义类的方法。分享给大家参考，如下：

下面是在es5标准中定义类的方法：

scriptfunction Point(x，y){ this . x=x；this.y=y} point . prototype . tostring=function(){ return '(' this . x '，' this . y ')'；}var point=new Point(1，2)；console.log(点)；/脚本运行结果：

这样，通过混合构造函数和原型来定义类，这样每次创建新实例时，都可以共享该方法，而无需创建函数的新实例。因此，只有函数属性在原型对象中定义，其他属性在构造函数中定义。

Es6简化了类的定义：

scriptclass Point{ constructor(x，y){ this . x=x；this.y=y} toString(){ return '(' this.x '，' this . y ')'；}}let point=new Point(3，4)；console.log(点)；/脚本运行结果：

注意：类名的第一个字母应该大写

(另外，原代码中Point(x，y)类的定义会导致运行错误，因此本文对其进行了修正。)

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun来测试上述代码的运行效果。

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、0103010

希望本文对JavaScript编程有所帮助。