美文网首页
2018-08-17

2018-08-17

作者: 哇塞薛之谦 | 来源:发表于2018-08-12 16:20 被阅读0次

说构造函数的概念之前我们应该先了解类的概念,类与对象的概念息息相关,我们在讲对象的概念的时候说过,一只猫是一个对象,一个人是一个对象,一章桌子也是一个对象,那么我们平时说的猫,人,桌子在没有特定指出是哪一个对象的时候,我们其实说的就是类。我们身边有人类,猫也是 一个类,任何有相同属性和方法的对象我们都可以称他们为一个类。

在很多面向对象语言中都有类的概念,但是在javascript(es5)中没有类。而我们可以通过构造函数来模拟一个类。

function Cat(){
this.name='miaomiao';
this.age=12;
this.sayName=function(){
console.log('我们是猫类');
}
}
var cat=new Cat();
console.log(cat.name);
cat.sayName();
构造函数的函数名首字母大写,可以通过在函数中的this为类设置属性和方法,我们在上面的代码中为猫这个类定义了一个name属性,并赋值为"miaomiao",类创建完成后,我们可以通过new关键字创建这个类的实例。例如cat这个变量就是Cat类的一个实例。
我们可以通过传参的方式,在实例化对象的时候为对象设置属性

function Cat(name,age){
this.name=name;
this.age=age;
this.sayName=function(){
console.log('我是'+this.name);
}
}

var cat=new Cat('mioamiao',12);
cat.sayName();
console.log(cat);
一个构造函数可以生成多个对象的实例

function Person(name,age){
this.name=name;
this.age=age;
this.say=function(){
console.log('大家好');
}
}
var lily=Person('lily',12);
var lucy=Person('lucy',13);
console.log(lily);
console.log(lucy);
console.log(lily.say==lucy.say);
一个构造函数Person生成了两个对象实例lily和lucy,并且有两个属性和一个方法。但是,它们的hobby方法是不一样的。也就是说,每当你使用new来调用构造函数放回一个对象实例的时候,都会创建一个hobby方法。这既没有必要,又浪费资源,hobby方法完全可以被两个对象实例共享。

构造函数的缺点就是:同一个构造函数的对象实例之间无法共享属性或方法。

为了解决构造函数的对象实例之间无法共享属性的缺点,js提供了prototype属性。
每一个构造函数都有一个prototype属性,这个属性指向一个原型对象,这个原型对象上的所有属性和方法都可以被这个构造函数的实例使用

function Person(name,age){
this.name=name;
this.age=age;
}
Person.prototype.hobby=function(){
return 'movie';
}
var girl=new Cat('rose',12);
var boy=new Cat('jack',18);
console.log(girl.hobby==boy.hobby);
如果将hobby方法放在原型对象上,那么两个实例对象都共享着同一个方法。

相关文章

  • 2018-08-17

    2018-08-17 龚 2018-08-17 20:50 · 字数 267 · 阅读 0 · 日记本 作业:按照...

  • 2018-08-18

    2018-08-17 赵元元1 2018-08-17,22:51 · 字数 320 · 阅读 0 · 日记本 日精...

  • 个股分析

    个股分析 索罗斯持股2018-08-17:索罗斯持股2018-08-17 2018涨幅最大股票:2018-08-3...

  • 七夕

    古时 乞巧 今天 中国情人节 拼音输入时 谐音 妻喜 2018-08-17

  • A股主要指数的市盈率(PE)估值高度

    中证1000(SH000852)- 2018-08-17日, 当前值:21.846, 平均值:51.96, 中位数...

  • 古绝·七夕

    牛女相思恨,何时共枕眠。 无言空堕泪,秋怨复依欢。 (2018-08-17)

  • 北京:园博园-“忆江南”景区(2)

    上接:“忆江南”(1) 2018-08-17发表 本文为 “忆江南”(2),摄于北京园博园。照片4...

  • 倾听产品的声音

    2018-08-17 (稻盛哲学学习会)打卡第96天 姓名:祝新华 部门:业务部 组别:待定 【知~学习】 ...

  • 转自华老板简书

    华与华方法:坚持积累的四大原理。2018-08-17 华杉2009 已关注 3.575 · 字数 2939 · 阅...

  • 《加速》第三周作业

    姓名:范儿_雅军 时间:2018-08-17 一、读书摘要 《加速》提供精力管理、认知管理、思维管理、人脉管理、健...

网友评论

      本文标题:2018-08-17

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