【JavaScript学习记录】JavaScript中的类
2014-01-27 16:51
731 查看
使用别的高级语言,例如VB.NET,C#.NET,VC+6.0之后,对于类很喜欢,而在学习Javascript的初期,也曾经因为没有类而感到纠结。
在经过一段时间的摸索后,发现了Javascript类的使用方法,这里和大家分享一下。
通过一个例子,来看看JavaScript类和VB.NET类的区别与联系。
下面有一个例子,是一个VB的类,用于显示信息框:
对比之后,我们可以得到这样的几点认识:
1、JS中,function可以被new 成一个对象,所以也可以将这个函数称之为“函数类”
2、JS中的成员变量,需要用“this.”来标价,在被成员函数引用的时候,也需要使用“this.”+变量名,来引用。
3、JS中,所有的参数都是可选的,可以通过这个方法来模拟函数的重载
调用函数的时候,如果没有传递参数,则这儿参数列表中对应的变量的值就是undefined。
在经过一段时间的摸索后,发现了Javascript类的使用方法,这里和大家分享一下。
通过一个例子,来看看JavaScript类和VB.NET类的区别与联系。
下面有一个例子,是一个VB的类,用于显示信息框:
Public Class Message Public msgInfo As String = "" Public Sub ShowMessage() MsgBox(msgInfo) End Sub Public Sub ShowMessage(ByVal newMessage As String) msgInfo = newMessage MsgBox(msgInfo) End Sub End Class同样用一个JavaScript的类,来显示信息框:
function Message() { this.msgInfo = ""; this.ShowMessage = function(newMessage) { if (!newMessage) { //如果没有参数 alert(this.msgInfo); } else { //如果有参数 msgInfo = newMessage; alert(msgInfo); } } } function onBtnMessageClick() { var oMessage = new Message(); oMessage.msgInfo = "one way"; oMessage.ShowMessage(); oMessage.ShowMessage("hi,way two"); }
对比之后,我们可以得到这样的几点认识:
1、JS中,function可以被new 成一个对象,所以也可以将这个函数称之为“函数类”
2、JS中的成员变量,需要用“this.”来标价,在被成员函数引用的时候,也需要使用“this.”+变量名,来引用。
3、JS中,所有的参数都是可选的,可以通过这个方法来模拟函数的重载
调用函数的时候,如果没有传递参数,则这儿参数列表中对应的变量的值就是undefined。
相关文章推荐
- 记录我的旅程6之JavaScript Dom学习笔记
- JavaScript学习记录——JsDoc学习
- 黑马程序员_学习记录20:HTML,JavaScript,CSS小结
- [Javascript 高级程序设计]学习心得记录4 基本包装类型
- javascript 学习记录
- 记录我的旅程7之JavaScript Dom学习笔记
- JavaScript学习记录总结(六)——js函数闭包特性
- JavaScript个人学习记录总结(二)——验证表单输入之模式匹配
- [Javascript 高级程序设计]学习心得记录 函数参数传递与引用
- [Javascript 高级程序设计]学习心得记录6 变量和作用域
- javascript学习记录1
- JavaScript学习记录(对象)
- JavaScript学习记录(2)
- JavaScript学习记录day7-高阶函数
- ECharts-JavaScript图表库学习记录
- JavaScript学习记录day4-Map、Set和iterable
- JavaScript学习记录day2-数据类型、变量
- 11、JavaScript 学习记录-基础