版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
在传统的web开发模式中,javaScript是一种点缀的作用,完成很有限的功能,诸如表单验证之类。其语言本身也一直被当做过程化语言使用,很难完成复杂的功能。而Ajax的出现使得复杂脚本成为必须的组成部分,这就对javascript程序设计提出了新的要求,很多Ajax应用开始利用JavaScript面向对象的性质进行开发,使逻辑更加清晰。事实上,JavaScript提供了完善的机制来实现面向对象的开发思想。下面具体看一下面向对象在JavaScript中的编程。
一、JavaScript语言特点
JavaScript是解释型的,基于对象的脚本语言。他有一下特点:
- 解释型语言
- 弱类型语言
- 动态添加属性和方法
- prototype(原型)属性
面向对象变成的优点
面向对象的编程实现(OOP)三大步骤:
- 首先是分析需求,先不要思考怎么用程序实现它,先分析需求中稳定不变的客观都是些什么,这些客观体之间的关系是什么。
- 把第一步分析出来的需求,通过进一步扩充模型,变成可实现的、符合成本的、模块化的、低耦合高内聚的模型
- 使用面向对象的实现编程
面向对象编程的优点:
- 更符合人类解决问题的思维。
- 数据和方法(方法可以理解为函数)被封装在一起,这样做改动的时候对整个程序的影响不大。
- 通过继承减少代码的冗余。
- 易扩展。
二、访问对象
访问对象的属性:
语法:对象名.属性名
示例1:
输入用户名:<input type="text" id="myname"/>
<input type="button" onclick="getName()" valuue='ok'>
<script>
function getName(){
var name=document.gwtElementById('myname').value;
alert('你输入的名字是:'+name);
}
</script>
访问对象的方法:
语法:对象名.方法名( )
示例2:
function showTime(){
var dat = new Date();
var y = dat.getFullYear();
var m = dat.getMonth() + 1;
var d = dat.getDate();
var date = y + '-' + m + '-' + d;
document.write(date);
}
showTime();