当前位置: 首页 > 编程笔记 >

js定义类的方法示例【ES5与ES6】

宓文斌
2023-03-14
本文向大家介绍js定义类的方法示例【ES5与ES6】,包括了js定义类的方法示例【ES5与ES6】的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了js定义类的方法。分享给大家供大家参考,具体如下:

以下是es5标准里定义类的方法:

<script>
function 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(point);
</script>

运行结果:

上面这样用构造函数和原型混合的方法定义类,是为了每次new新实例时可以共享方法,不用创建function新实例。所以只有函数属性放在原型对象里定义,其他属性都在构造函数里定义。

es6里简化了类的定义方法:

<script>
class 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);
</script>

运行结果:

注意:类名首字母要大写

另:原文代码中class Point(x,y)定义会导致运行错误,本文予以修正。)

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

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

希望本文所述对大家JavaScript程序设计有所帮助。

 类似资料:
  • 本文向大家介绍JS继承定义与使用方法简单示例,包括了JS继承定义与使用方法简单示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS继承定义与使用方法。分享给大家供大家参考,具体如下: 运行结果: 感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。 更多关于JavaSc

  • 本文向大家介绍JS函数基本定义与用法示例,包括了JS函数基本定义与用法示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS函数基本定义与用法。分享给大家供大家参考,具体如下: 运行结果: 函数调用时,没有参数限制,定义函数时,即使调用了参数个数不足,也不会报错,因为参数默认为undefined类型。 上面的三种函数的定义方法虽然不同,但是其对应的底层思想是相同的,其都相当于一个变量封装

  • 本文向大家介绍JS栈stack类的实现与使用方法示例,包括了JS栈stack类的实现与使用方法示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS栈stack类的实现与使用方法。分享给大家供大家参考,具体如下: 栈是一种“先进后出”的数据结构,原理如下图所示: 示例代码: 这里使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/cod

  • 本文向大家介绍PHP日志LOG类定义与用法示例,包括了PHP日志LOG类定义与用法示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了PHP日志LOG类定义与用法。分享给大家供大家参考,具体如下: 运行程序,在当前目录下生成test.txt文件内容如下(这里是运行3次的结果): 09/06/18  14:56:20 test LOG::INFO myTest 09/06/18  14:56

  • 本文向大家介绍PHP购物车类Cart.class.php定义与用法示例,包括了PHP购物车类Cart.class.php定义与用法示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了PHP购物车类Cart.class.php定义与用法。分享给大家供大家参考,具体如下: 之前的开发人员使用了JS的技术开发了一套前台购物车(删除添加什么的都使用JS),但是浏览器兼容不好, 今天终于出问题了,

  • 本文向大家介绍js定义类的几种方法(推荐),包括了js定义类的几种方法(推荐)的使用技巧和注意事项,需要的朋友参考一下 ECMAScript6已经支持了class,但之前版本都不支持类,但是可以通过一些方法来模拟类。 js中的类,既是重点,也是难点,很多时候都感觉模棱两可。 首先强调一下js中很重要的3个知识点:this、prototype、constructor。 下面我们来总结一下定义(模拟)