JavaScript中支持面向对象的基础
JavaScript中支持面向对象的基础
6.1函数定义
6.1.1 用定义函数的方式定义类
在面向对象的思想中,最核心的概念之一就是类。一个类表示了具有相似性质的一类事物的抽象,通过实例化一个类,可以获得属于该类的一个实例,即对象。 在JavaScript中定义一个类的方法如下:
function class1(){
//类成员的定义及构造函数
}
这里class1既是一个函数也是一个类。可以将它理解为类的构造函数,负责初始化工作。
6.1.2 使用new操作符获得一个类的实例
在前面介绍基本对象时,已经用过new操作符,例如:
new Date();
表示创建一个日期对象,而Date就是表示日期的类,只是这个类是由JavaScript内部提供的,而不是由用户定义的。
new操作符不仅对内部类有效,对用户定义的类也同样有效,对于上节定义的class1,也可以用new来获取一个实例:
function class1(){
//类成员的定义及构造函数
}
var obj1=new class1();
抛开类的概念,从代码的形式上来看,class1就是一个函数,那么是不是所有的函数都可以用new来操作呢?是的,在JavaScript中,函数和类就是一个概念,当对一个函数进行new操作时,就会返回一个对象。如果这个函数中没有初始化类成员,那就会返回一个空的对象。例如:
//定义一个hello函数
function hello(){
alert("hello");
}
//通过new一个函数获得一个对象
var obj=new hello();
alert(typeof(obj));
从运行结果看,执行了hello函数,同时obj也获得了一个对象的引用。当new一个函数时,这个函数就是所代表类的构造函数,其中的代码被看作为了初始化一个对象。用于表示类的函数也称为构造器。
6.1.3 使用方括号([ ])引用对象的属性和方法
在JavaScript中,每个对象可以看作是多个属性(方法)的集合,引用一个属性(方法)很简单,如:
对象名.属性(方法)名
还可以用方括号的形式来引用:
你可能喜欢
- Javascript基础教程
- JavaScript入门
- 经典教程
- JavaScript实例
- 入门教程
- JavaScript教程
- CSS语法
- Javascript基础教程(文字版,代码可复制)74页
- WEB_Javascript基础教程11页
- Javascript基础教程34页
- Javascript基础教程74页
- Javascript基础教程34页
- Javascript基础教程(文字版,代码可复制)74页
- JavaScript从入门到精通52页
- 第一章JavaScript入门25页
- JavaScript语言入门40页
- JavaScript语言入门10页
- JavaScript快速入门67页
- JavaScript语言入门8页
- PS经典教程—Photoshop快速成为ps高手10页
- PS经典实用案例教程(图文解释)16页
- photoshop为美女美容经典详细教程35页
- PS经典教程-Photoshop经典实例教程3000例34页
- CTEX表格排版经典教程19页
- 国外大学SPSS经典教程2页
- JavaScript开发应用小实例40页
- JavaScript教程及实例讲解95页
- JavaScript实例讲解29页
- JavaScript特效《实例媒体播放器》2页
- JavaScript特效实例7页
- JavaScript实例集49页
- FPGA入门教程37页
- catia快速入门教程5页
- 鸿鹄论坛_黑客入门教程_基础_42页
- 电脑编程入门教程3页
- Java入门教程怎么向程序输入信息2页
- 单反摄影入门教程42页
- JavaScript教程--从入门到精通98页
- JavaScript教程--从入门到精通98页
- JavaScript教程228页
- JavaScript教程及实例讲解95页
- JavaScript_参考教程资料30页
- JavaScript_简单教程11页
- CSS基本语法大全23页
- CSS基本语法总整理4页
- CSS基本语法及用法入门4页
- 常用CSS缩写语法总结1页
- CSS语法大全6页
- 常用CSS缩写语法总结4页


