JS 面向对象的含义

本文深入讲解JavaScript中的面向对象编程,包括抽象、封装、继承和多态四大特性,通过实例演示了如何使用面向对象的方法创建对象和方法,以及如何利用原型节省内存资源。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

js中的面向对象
面向对象在js里有两个层次的含义,第一种是会使用面向对象函数;第二种是构造面向对象函数。
js也是面向对象中的一种写法,不过相对于java,js是一种弱数据类型,并不是严格意义上的面向对象。但是jq就是使用面向对象的写法创作出来的js库。
面向对象的特点
(“抽风机”谐音记忆) 
面向对象有四个特点: 
1. 抽象:抓住核心问题 
2. 封装:即把能够实现功能的函数写成封装起来,在面向对象里叫做方法。简单来说就是把实现功能的函数写成方法。 
3. 继承:继承的意思是,在实现同一种功能的前提下,新对象可以使用旧对象的属性和方法。 
4. 多态:一个变量在引用不同类型的情况下的不同状态。多态开发在开发组件和模块化开发的时候能节省很多资源。
举个例子说明面向对象
// 这里的函数名在面向对象里叫做类function Create(n, s){
// var obj = new Object();
// obj叫做实例,同时也是对象,面向对象写法中系统会自动创建一个obj空对象
// 对象属性
this.name = n;        this.sex = s;        // this指针,在这里指的就是这个对象

// 对象方法
this.showName = function(){
alert(n);
};        this.showSex = function(){
alert(s);
};        // 返回对象
// 同样,面向对象中系统会自动帮我们返回obj(即this)
//return obj;
//return this;
}12345678910111213141516171819202122

原型(prototype)
原型可以用来构造函数的属性和方法,使这个构造函数的属性和方法成为公用的。使用原型的优点:在内存中节省资源,提高系统性能。
下面举个例子说明原型:
Array.prototype.sum = function(){
var num = 0;    for(var i=0;i<this.length;i++){
num += this[i];
}
alert(num);
};1234567

这是一个用原型构造的数组方法,将求和的sum方法挂在原型上,可以使这个方法被重复使用,当然,重点是节省内存资源。
使用原型还有一个优点,就是优先级: 
原型的优先级类似于CSS中的优先级,没有使用原型的构造函数,就好比CSS中的行内样式,优先级高,而与原型挂钩的属性和方法 ,就像是style的内联样式,优先级低于行内样式。所以在调用同一种方法名的时候,系统会优先调用挂在原型上的方法!

 

转自百度

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值