美文网首页JavaScript初学知识
JavaScript的构造函数扩展、继承以及封装

JavaScript的构造函数扩展、继承以及封装

作者: Java酸不酸 | 来源:发表于2017-08-09 20:06 被阅读20次

构造函数的扩展

function Man () {
    this.name = 'rr'
    this.age = 21
    this.workinfo = function () {
        console.log('IT')
    }
}
var jj = new Man()
console.log(jj.name)   //打印 rr
jj.workinfo()          //打印 IT

扩展Man构造函数

Man.prototype.love = function() {
    console.log(this.name + 'love')
}
jj.love()

构造函数的继承

function Pig() {
    this.eat = '饭'
    this.sleep = function () {
        console.log('sleep')
    }
}
function Dog() {
    this.play = function () {
        console.log('play')
    }
}

Dog 继承 Pig

Dog.prototype = new Pig()
var dog = new Dog()
dog.sleep()
console.log(dog.eat)

JavaScript 内置对象的扩展 例:String

String.prototype.backwards = function () {
    var out = ''
    for (var i = this.length - 1; i >= 0; i--) {
        //substr() 方法可在字符串中抽取从 开始 下标开始的指定数目的字符。
        out += this.substr(i, 1)
    }
    return out
}

var str = 'I Love You'
console.log(str.backwards())

封装 : 封装是一种面向对象编程的一种能力,
表示把数据和指令隐藏到对象内部,其实现方法与其他语言有所不同

function Box(width, length, height) {
    function volume(a, b, c) {
        console.log('体积为' + a * b * c)
    }
    this.boxVolume = volume(width, length, height)
}
//调用结果
var box = new Box(3, 4, 5)
//1.
//box.volume(3, 4, 5)   //错误:box.volume is not a function
//2.
box.boxVolume           //正确: 体积为60

相关文章

  • JavaScript的构造函数扩展、继承以及封装

    构造函数的扩展 扩展Man构造函数 构造函数的继承 Dog 继承 Pig JavaScript 内置对象的扩展 例...

  • JavaScript的六种继承方式

    JavaScript的几种继承方式 原型链继承 借助构造函数继承(经典继承) 组合继承:原型链 + 借用构造函数(...

  • 实现构造函数及实例扩展

    prototype原型机制,在JS中,可以帮助实现对构造函数,以及实例继承和扩展。 定义对象后,定义构造函数,并设...

  • javascript原型链及继承的理解

    javascript:void(null)# 原型链及继承的理解 定义函数 继承 继承构造函数 继承静态属性 继承原型链

  • Javascript 面向对象编程(一):封装

    封装:作者:阮一峰 继承: 非构造函数的继承 前端网站资源

  • JS面向对象

    2019-04-25 构造函数 Javascript提供了构造函数(Constructor)模式实现类的设计与封装...

  • JS中的封装与继承

    构造函数的封装与继承 封装 就是将属性和方法封装成一个对象:构造函数模式。就是一个内部使用了this的普通函数,对...

  • JavaScript 常用继承方式

    JavaScript 常用继承方式 原型链继承构造函数,原型,实例之间的关系:每个构造函数之间都有一个原型对象,原...

  • JavaScript原型继承

    JavaScript原型继承 打印结果: 封装可复用继承函数: 实现继承: 打印结果: 学习参考:https://...

  • es5的部分继承以及es6的class

    一、JavaScript常用的原型继承方式 原型链继承 2,构造函数继承(对象冒充继承) 3,组合继承(原型链继承...

网友评论

    本文标题:JavaScript的构造函数扩展、继承以及封装

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