JavaScript面向对象之体会[总结]_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript面向对象之体会[总结]_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2542字，纯文字阅读大概需要4分钟。

内容图文

谈JavaScript的面向对象设计有点牵强，毕竟JavaScript语言本身没有高级语言严谨。看这篇文章之前，希望大家了解c++、java、c#等高级语言，有面向对象编程的基础知识。
1.类的定义：
function ClassName(){
}
大家可以发现类的定义形式是和函数是一样的。
其实函数和类只有在使用的时候才能分辨出来，比如我们在一个页面中分别使用他们：
输出a属性，在整个类里面就没有定义a属性，我们在创建对象的时候可以给它赋值。
var obj=new ClassName()
obj.a="hello javascript";
obj.method1();
类的方法可以通过this.method=function(){}来定义，比如method1方法；
也可以通过this.method=funcName来定义，将方法指定让某个函数来处理，比如method3；

3.类的继承：
function classA(){
this.property1='hello';
this.method1=function (){
alert(this.property1);
}
}

function classB(){
}
//继承classA
classB.prototype=new classA();

//给classB添加PI属性
classB.prototype.PI=3.1415926;
//给classB添加showPI方法
classB.prototype.showPI=function(){
alert(this.PI);
}
通过使用prototype对象，将类classA的实例赋值给prototype对象，从而classB继承了classA的所有成员；
比如:classB.prototype=new classA();
同时也可以通过prototype在类外给类从新添加成员(这个是别的高级语言所没有的功能)；
比如：classB.prototype.PI和classB.prototype.showPI

4.类方法的重载：
类方法的重载在类的构造函数中使用的比较多，比如：类中有两个同名的方法而不同参数或不同参数类型。JavaScript从形式上来说不支持类方法重载，我们可以通过它的arguments属性来完成对类方法的重载：
function classA(){
//获取参数个数
//注意this.arguments.length是错误的
var num=classA.arguments.length；

this.method1=function(){
if(num==0){
alert(0);
}
if(num==1){
alert(1);
}
}
}
类或函数名的arguments属性返回一个数组包含所有参数；
比如：classA.arguments.length可以获取参数的个数，classA.arguments[0]获取第一个参数的值
根据需要，通过获取参数个数或参数值，从而同一个函数或类具有了不同的功能，比如：
var obj= new classA();
obj.method1();//输出了0
var obj1= new classA(5);
obj1.method1();//输出了1

5.对象的定义：
//对象是类的实例，定义一个类，作为一个对象的模板
function A(){
this.a=1;
this.b=2;
this.add=function(){
return this.a+this.b;
}
}
//定义一个对象
var obj=new A();
//赋值类属性
obj.a=5;
obj.b=6;
//调用类方法
var sum=obj.add();

另外一种定义方法：
var obj={
a:1,
b:2,
add:function(){
return this.a + this.b;
}
}

这种方法定义的对象，把其类的结构也一起定义了，适合只使用一次的类
定义属性和方法的时候不需要使用this关键字，":"后直接赋值即可
但是方法中使用属性，需要使用this关键字

本文只是本人个人的经验和理解，估计我写的和一些书上有些不一样，相信看了之后一定能很快理解。此文章只起到抛砖引玉之作用，具体的项目需求还要具体对待。涉及所有例子均亲自调试无误，如有错误请指正。

内容总结

以上是互联网集市为您收集整理的JavaScript面向对象之体会[总结]_javascript技巧全部内容，希望文章能够帮你解决JavaScript面向对象之体会[总结]_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---