js定义类

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

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);

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

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

class Point(x,y){
      constructor(x,y){
        this.x=x;
        this.y=y;
       }
       toString(){
          return '('+this.x+', '+this.y+')';  
       }
}

 注意:类名首字母要大写

转载于:https://www.cnblogs.com/wxcbg/p/8610945.html

在JavaScript中,我们可以使用三种不同的方法来定义。 1. 构造函数方法:构造函数是一种特殊的函数,用于创建对象并初始化其属性。由于JavaScript中没有的概念,构造函数被广泛用于创建自定义对象。通过使用"new"关键字调用构造函数,可以创建一个新对象,并将构造函数中定义的属性和方法添加到该对象中。 示例: ``` function Person(name, age) { this.name = name; this.age = age; } var person1 = new Person("张三", 25); console.log(person1.name); // 输出:张三 console.log(person1.age); // 输出:25 ``` 2. 原型方法:JavaScript中的每个对象都有一个原型(prototype),原型对象包含共享的属性和方法。我们可以使用原型对象来定义和共享的属性和方法。通过将属性和方法添加到的原型对象上,我们可以确保该的所有实例都可以访问和共享这些属性和方法。 示例: ``` function Person() {} Person.prototype.name = "张三"; Person.prototype.age = 25; var person1 = new Person(); console.log(person1.name); // 输出:张三 console.log(person1.age); // 输出:25 ``` 3. class关键字方法:在ECMAScript 2015(ES6)中,引入了class关键字,使我们能够更方便地定义和使用。使用class关键字定义具有构造函数和原型方法,它们与上述两种方法的实现方式非常相似。 示例: ``` class Person { constructor(name, age) { this.name = name; this.age = age; } } var person1 = new Person("张三", 25); console.log(person1.name); // 输出:张三 console.log(person1.age); // 输出:25 ``` 这些都是在JavaScript中定义的常用方法,具体选择哪种方法,可以根据个人需求和代码风格来决定。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值