javascript——面向对象编程

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/lmyh1111/article/details/100567595

在传统的web开发模式中,javaScript是一种点缀的作用,完成很有限的功能,诸如表单验证之类。其语言本身也一直被当做过程化语言使用,很难完成复杂的功能。而Ajax的出现使得复杂脚本成为必须的组成部分,这就对javascript程序设计提出了新的要求,很多Ajax应用开始利用JavaScript面向对象的性质进行开发,使逻辑更加清晰。事实上,JavaScript提供了完善的机制来实现面向对象的开发思想。下面具体看一下面向对象在JavaScript中的编程。

一、JavaScript语言特点

JavaScript是解释型的,基于对象的脚本语言。他有一下特点:

  1. 解释型语言
  2. 弱类型语言
  3. 动态添加属性和方法
  4. prototype(原型)属性

面向对象变成的优点

面向对象的编程实现(OOP)三大步骤:

  1. 首先是分析需求,先不要思考怎么用程序实现它,先分析需求中稳定不变的客观都是些什么,这些客观体之间的关系是什么。
  2. 把第一步分析出来的需求,通过进一步扩充模型,变成可实现的、符合成本的、模块化的、低耦合高内聚的模型
  3. 使用面向对象的实现编程

面向对象编程的优点:

  • 更符合人类解决问题的思维。
  • 数据和方法(方法可以理解为函数)被封装在一起,这样做改动的时候对整个程序的影响不大。
  • 通过继承减少代码的冗余。
  • 易扩展。

二、访问对象

访问对象的属性:

语法:对象名.属性名

示例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();

 

猜你喜欢

转载自blog.csdn.net/lmyh1111/article/details/100567595