js面向对象编程

js面向对象和其他语言一样,遵守面向对象的特性,即封装、继承多态。

js中,对象的声明是这样的:


let std1 = { name: '张三', old: 18 }

相比其他语言,class换成了声明的变量,这是因为js声明变量不是强语言,而是弱语言,所以能这样声明。

当然,它也和其他编程语言一样,能使用方法实现某些具体的东西。也就是通过函数。


Student.prototype.printScore = function () {
  console.log('姓名:' + this.name + '  ' + '年龄' + this.score)
}

实例化也和其他语言差不多。

let a=new stu1();

调用函数也一样


std1.printScore();

可能就有人问了,为什么函数的定义要在对象的prototype呢?

每个函数就是一个对象( Function ), 函数对象 都有一个子对象 prototype对象,类是以函数的形式来定义的。 prototype表示该函数的原型,也表示一个类的成员的集合。 在通过new创建一个类的实例对象的时候,prototype对象的成员都成为实例化对象的成员。所以就能通过该子对象创建新的对象。prototype 自己也是对象,只是被用以承担某个职能罢了。

那构造函数呢?其实js中有构造函数。


function Person (name, old) {
  this.name = name
  this.old = old
  this.sayName = function () {
    console.log(this.name)
  }
}

let a=new Person("张三",18);//张三

这就是构造函数了。但是效率不够高。推荐使用对象的prototype。这样效率高

那为什么效率高呢?这里就要去了解js的原型链了,了解原型链之前,先了解什么是原型。

Javascript规定,每一个函数都有一个prototype对象属性,指向另一个对象(原型链上面的)。
prototype(对象属性)的所有属性和方法,都会被构造函数的实例继承。这意味着,我们可以把那些不变(公用)的属性和方法,直接定义在prototype对象属性上。

prototype就是调用构造函数所创建的那个实例对象的原型(proto)。

prototype可以让所有对象实例共享它所包含的属性和方法。也就是说,不必在构造函数中定义对象信息,而是可以直接将这些信息添加到原型中。

那原型链呢?

实例对象与原型之间的连接,叫做原型链。proto( 隐式连接 )
JS在创建对象的时候,都有一个叫做proto的内置属性,用于指向创建它的函数对象的原型对象prototype。
内部原型(proto)和构造器的原型(prototype)
1、每个对象都有一个proto属性,原型链上的对象正是依靠这个属性连结在一起
2、作为一个对象,当你访问其中的一个属性或方法的时候,如果这个对象中没有这个 方法或属性,那么Javascript引擎将会访问这个对象的proto属性所指向上一个对 象,并在那个对象中查找指定的方法或属性,如果不能找到,那就会继续通过那个对象 的proto属性指向的对象进行向上查找,直到这个链表结束。原型链的终点是Object{}对象。

属性查找

当查找一个对象属性时,js会向上遍历原型链,直到找到该给定名称的属性为止,如果找到Object对象时,还没找到该属性,则返回undefined。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值