JS 创建object三种方法和复用

var student0 = {
  firstName: "Will",
  lastName: "Smith"
}
console.log(student0);

var student = new Object();
student.firstName = "Will";
student.lastName = "Smith";
console.log(student);

var student2 = {};
student2.firstName = "Will";
student2.lastName = "Smith";
console.log(student2);

var student0 = {
  firstName: "Will",
  lastName: "Smith",
  greeting: function() {
    return "This is " + this.firstName + " " + this.lastName;
  }
}

console.log(student0.greeting());

function student1(first, last) {
  this.firstName = first,
  this.lastName = last,
  this.greeting = function () {
    return "This is " + this.firstName + " " + this.lastName;
  }
}

var student2 = new student1("Will", "Smith");
console.log(student2.greeting());
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript创建对象的方式有以下几种: 1. 对象字面量方式 优点:简单方便,易于理解和维护。 缺点:无法实现继承和封装,对象的复用性较低。 示例代码: ```javascript var person = { name: 'Tom', age: 18, sayHello: function() { console.log('Hello, my name is ' + this.name + ', I am ' + this.age + ' years old.'); } }; ``` 2. 工厂方式 优点:可以多次创建对象实例,对象可以被复用。 缺点:无法实现对象的封装和继承。 示例代码: ```javascript function createPerson(name, age) { var obj = new Object(); obj.name = name; obj.age = age; obj.sayHello = function() { console.log('Hello, my name is ' + this.name + ', I am ' + this.age + ' years old.'); }; return obj; } var person1 = createPerson('Tom', 18); var person2 = createPerson('Jack', 20); ``` 3. 构造函数方式 优点:可以实现对象的封装,可以多次创建对象实例。 缺点:无法实现对象的继承。 示例代码: ```javascript function Person(name, age) { this.name = name; this.age = age; this.sayHello = function() { console.log('Hello, my name is ' + this.name + ', I am ' + this.age + ' years old.'); }; } var person1 = new Person('Tom', 18); var person2 = new Person('Jack', 20); ``` 4. 原型方式 优点:可以实现对象的继承,对象的属性和方法可以被多个实例共享,代码简洁。 缺点:对象的属性和方法被共享,可能会出现意外的修改。 示例代码: ```javascript function Person() {} Person.prototype.name = 'Tom'; Person.prototype.age = 18; Person.prototype.sayHello = function() { console.log('Hello, my name is ' + this.name + ', I am ' + this.age + ' years old.'); }; var person1 = new Person(); var person2 = new Person(); ``` 5. 组合方式 组合方式是将构造函数方式和原型方式结合起来使用,既可以实现对象的封装,也可以实现对象的继承。 示例代码: ```javascript function Person(name, age) { this.name = name; this.age = age; } Person.prototype.sayHello = function() { console.log('Hello, my name is ' + this.name + ', I am ' + this.age + ' years old.'); }; var person1 = new Person('Tom', 18); var person2 = new Person('Jack', 20); ``` 总体来说,不同的创建对象方式各有优缺点,应根据具体的需求来选择合适的方式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值