Javascript 面向对象编程 class

构造函数是什么

  1. 构造函数就是普通函数内部使用了this
function person(name,age){
    this.name=name;
    this.age=age;
    this.profession="hoopman";
    this.play=function(){
      console.log("play basketball");
    }
}

var person1=new person("kobe",11);
var person2=new person("james",11);

person1.name //kobe
preson2.name //james

// 实例对象与原型对象的关系
person1 instanceof person //true
// constructor指向构造函数
person1.constructor===person //true

person1.play===person2.play //false

每一次new实例化,就会创建新的profession属性和play方法,浪费内存

  1. prototype

每个构造函数都有prototype属性,指向另一个对象,这个对象的属性方法,会被所有这个构造函数的实例所继承
将不变的方法属性,定义到prototype对象上(原型对象)

function person(name,age){
    this.name=name;
    this.age=age;
}
person.prototype.profession="hoopman";
person.prototype.play=function(){
  console.log("play basketball");
}

var person1=new person("kobe",11);

person1.play===person2.play //true

person.prototype.isPrototypeOf(person1); //true

person1.hasOwnProperty("name") //true

方法

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...