美文网首页
js中的prototype

js中的prototype

作者: 爱讲鸡汤的油腻大叔 | 来源:发表于2019-07-26 16:36 被阅读0次

prototype翻译过来是原型的意思,在js中特指对象的原型
prototype对象是js实现面向对象的一个重要机制

每个函数也是一个对象(划重点),他们对应的类是function,每个函数对象都有一个子对象prototype
prototype代表了该函数的原型,还表示了一个类的属性的集合
当用new来生成一个对象时,prototype对象的属性将会成为实例化的对象的属性

使用场景:
我们把所有方法都放在一个函数内部,每一次通过new一个对象的时候,新创建的对象都会对类的this上的属性进行复制,所以这些新创建的对象都会有自己的一套方法,这样做对内存消耗很大,我们可以通过原型的方式去处理

var checkObj = function () { }
checkObj.prototype = {
  checkName: function () {
    console.log('a');
    return checkObj.prototype
  },
  checkEmail: function () {
    console.log('b');
    return checkObj.prototype
  },
  checkPwd: function () {
    console.log('c');
    return checkObj.prototype
  }
}
console.log(checkObj);  =>  [Function: checkObj]
let newObj = new checkObj()

newObj.checkName().checkEmail().checkPwd()  => a  b  c

相关文章

网友评论

      本文标题:js中的prototype

      本文链接:https://www.haomeiwen.com/subject/ebqdrctx.html