JavaScript - 面向对象

Posted Rocinante

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript - 面向对象相关的知识,希望对你有一定的参考价值。

1-4对象创建方式

属性为对象的特征,方法(method)为对象的行为。

1. 对象字面量

var o = {
  name: ‘zs‘,
  age: 18,
  sex: true,
  sayHi: function () {
    console.log(this.name);
  }
};  

2. new Object()创建对象

var person = new Object();
  person.name = ‘lisi‘;
  person.age = 35;
  person.job = ‘actor‘;
  person.sayHi = function(){
  console.log(‘Hello,everyBody‘);
}

3. 工厂函数创建对象

function createPerson(name, age, job) {
  var person = new Object();
  person.name = name;
  person.age = age;
  person.job = job;
  person.sayHi = function(){
    console.log(‘Hello,everyBody‘);
  }
  return person;
}
var p1 = createPerson(‘allen‘, 22, ‘actor‘);

4. 自定义构造函数

function Person(name,age,job){
  this.name = name;
  this.age = age;
  this.job = job;
  this.sayHi = function(){
    console.log(‘Hello,everyBody‘);
  }
}
var p1 = new Person(‘allen‘, 22, ‘actor‘);

5. new关键字执行时的工作

  1. 在内存中创建一个对象。
  2. 让this指向这个新的对象。
  3. 执行构造函数:给这个新对象添加属性和方法。
  4. 返回这个新对象。

以上是关于JavaScript - 面向对象的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

常用Javascript代码片段集锦

JavaScript单行代码,也就是代码片段

javascript 仿面向对象编程实例代码(私有,公共变量。。。)

JavaScript对象原型链继承闭包