资讯专栏INFORMATION COLUMN

认识构造函数

mushang / 2088人阅读

摘要:创建构造函数对象有属性和方法,如果多个函数的属性和方法均相似,我们就可以将其归为一个类,使用的时候,就可以直接调用。要设置专属属性和方法,很简单,直接在构造函数内添加就行了创建专属属性创建专属方法

构造函数

使自己的对象多次复制,同时实例根据设置的访问等级可以访问其内部的属性和方法

当对象被实例化后,构造函数会立即执行它所包含的任何代码

一般我们创建一个对象,最直接的方法就是var object{属性,方法}。最简单最方便。但是这样有一个缺点,就是如果要创建很多的对象,如果一个一个的创建的话,会很繁琐,重复的工作太多了。这时候就可以使用构造函数。

创建构造函数

对象有属性和方法,如果多个函数的属性和方法均相似,我们就可以将其归为一个类,使用的时候,就可以直接调用。

//创建类
//构造函数的函数名首字母要大写
function St(name,sex,age){
    this.name=name;
    this.sex=sex;
    this.age=age;
}
St.prototype.run=function(){
    console.log("we are students")
}
//创建函数
var Liming=new St("Liming","man","20")
var Hanmeimei=new St("Hanmeimei","female","21");
console.log(Limming.name)//Liming
console.log(Hanmeimei.age)//21
console.log(Liming.run())//we are students
构造函数的继承性

我们想创建一个新的类,使新的类可以调用之前的类的属性和方法

function Te(name,sex,age){
    //调用St类的属性
    St.apply(this.arguments);
}
Te.prototype=Object.create(St.prototype);//调用St类的方法
var Jack=new Te("Jack","man","30");
console.log(Jack.sex)//man

实际上,Te类是St类的子类,是父子关系,子类可以继承父类的元素和方法。

当然,子类的属性和方法不可能都和父类一样,子类也会有专属于自己的属性以及方法。要设置专属属性和方法,很简单,直接在构造函数内添加就行了

function Te(name,sex,age,height){
    St.apply(this.arguments);
    //创建专属属性
    this.height=height
}
Te.prototype=Object.create(St.prototype);
//创建专属方法
Te.prototype.teach=function(){
    conslole.log("I"m a teacher")
}
var Jack=new Te("Jack","man","30","180");
console.log(Jack.sex)//man
console.log(Jack.height)//180
console.log(jack.teach())//I"m a teacher
END

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/84999.html

相关文章

  • JS中的原型链和原型的认识

    摘要:在上面的各种原型的变换中,其实难点就在于构造函数也是对象原型对象等所有对象都由构造这四个点。 这篇文章主要是学习一下JavaScript中的难点------原型和原型链 自定义一个对象 我们学习一门编程语言,必然要使用它完成一些特定的功能,而面向对象的语言因为符合人类的认知规律,在这方面做得很好,今天我以JS为例,探索一下JS不同于其他面向对象的语言的地方-------原型和原型链 首...

    Juven 评论0 收藏0
  • JS中的原型链和原型的认识

    摘要:在上面的各种原型的变换中,其实难点就在于构造函数也是对象原型对象等所有对象都由构造这四个点。 这篇文章主要是学习一下JavaScript中的难点------原型和原型链 自定义一个对象 我们学习一门编程语言,必然要使用它完成一些特定的功能,而面向对象的语言因为符合人类的认知规律,在这方面做得很好,今天我以JS为例,探索一下JS不同于其他面向对象的语言的地方-------原型和原型链 首...

    Shimmer 评论0 收藏0
  • JS对象(1)重新认识面向对象

    摘要:对象重新认识面向对象面向对象从设计模式上看,对象是计算机抽象现实世界的一种方式。除了字面式声明方式之外,允许通过构造器创建对象。每个构造器实际上是一个函数对象该函数对象含有一个属性用于实现基于原型的继承和共享属性。 title: JS对象(1)重新认识面向对象 date: 2016-10-05 tags: JavaScript 0x00 面向对象 从设计模式上看,对象是...

    superw 评论0 收藏0
  • 初步认识函数

    摘要:函数对象连接到。好处有助于确保全局名字空间的纯净性私有性保留了自己的函数,不为外部应用程序所用返回自己的函数函数始终有一个返回值,即便不是显示返回,它们会隐式返回一个。 函数 概念: 函数包含一组语句,它们是javaScript基础模块单元,用于代码复用、信息隐藏和组合调用。用于指定对象的行为。 函数对象: javascrtipt中的函数就是对象。对象是‘名/值’对的集合并拥有一个连...

    Rango 评论0 收藏0

发表评论

0条评论

mushang

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<