Javascript基础与面向对象基础~第五讲 Javascript中的方法,类中的方法

上一文章主要说的是JS中的类,有很多朋友回复了我的文章,在此很感谢大家,也对一些朋友提出的问题进行了回复,“类”这东西,只是一种思想,我们不应该把重点放在“某种语言是否提供类,或者是否实现了类”,这是不重要的,重要的是面向对象中的类的思想!

今天主要说的是方法,JS中的方法也叫做函数function,它将一些有关系的代码组织在一起,形成一个整体,这类似于面向对象中的封装,你不需要了解方法的实现细节,你只要去调用它,了解方法的签名即可。

最简单的函数(方法):

<script type="text/javascript">
        //加运算
        function Sum(x, y) {
            return parseInt(x) + parseInt(y);
        }
        //减运算
        function Sub(x, y) {
            return parseInt(x) - parseInt(y);
        }
 </script>

表单验证函数

下面是一个表单验证函数,如果验证成功就提交表单,不功能就返回错误消息

<script>
       //表单验证,可以在多个表单中使用这一个函数来完成验证
        function CheckForm() {
            var name = document.getElementById("name");
            var password = document.getElementById("password");
            var email = document.getElementById("email");
            if (name == "") {
                alert("请输入用户名");
                return false;
            }
            if (password == "") {
                alert("请输入密码");
                return false;
            }
            if (email == "") {
                alert("请输入邮件地址");
                return false;
            }
            document.getElementsByTagName("form")[0].submit();
            return true;

        }
</script>

对象中的方法(函数)

事实上JS中的函数就是这样内容,而函数也可以在对象中出现,类似的代码在之前的文件也出现过,再写一下:

       //道具对象
        var Props = {
            init: function () {//对象中的方法
                //对象初始化
            },
            GetHtmlTags: function () {
                //构建HTML代码块
            },
            Language: ["中文", "英文"],
            Name: "道具"
        };

方法中的子方法

别外,方法中还可以有子方法,在子方法中可以对父方法里的属性进行重写操作,以改变它的值,代码如下:

   function Big() {
            var name = "方法big";
            function Small() {
                name = "方法small";
            }
            Small();
            return name;
        }
   alert(Big());

方法的返回值

方法的返回值可以是空,也可以是布尔型,整形,字符串,而且还可以是一个对象,代码如下:

  function ReturnObject() {
            var name = "zzl";
            return {//返回一个对象,对象里的属性对外公开
                Name: name,
                Age: 30
            };
        }
 alert(ReturnObject().Name);

方法可以当做参数进行传递(JS中的委托,回调函数)

一个方法可以作为其一个方法的接收参数,这一般称为回调函数,在C#语言里叫做委托。

        //函数作为参数进行传递
        function AlertBox(msg, callback) {
            if (msg != null) {
                callback(msg);
            }
            else {
                alert("null message");
            }
        }
        //js的回调函数
        AlertBox("可爱的可爱", function (msg) {
            alert(msg);
        });

今天讲函数(方法)就差不多了,也是自己尽兴写的,没什么头尾,写在那里算那里,但基本上我知道的函数用法都说了,呵呵 !

感谢您的阅读吧!

本文转自博客园张占岭(仓储大叔)的博客,原文链接:Javascript基础与面向对象基础~第五讲 Javascript中的方法,类中的方法,如需转载请自行联系原博主。

时间: 2024-12-08 08:12:42

Javascript基础与面向对象基础~第五讲 Javascript中的方法,类中的方法的相关文章

Javascript基础与面向对象基础~Javascript中的语句如何被执行,如何改变执行顺序

本讲主要是JS语言中的代码如何被解释执行的,这个问题其实和其它语言是一样的,程序执行顺序为"从上到下",当然如果代码中有分支,它的执行顺序可能有所改变,而这种支在程序设计中叫做"分支结构(条件结构)",再或者某个操作需要反复执行10次,这在程序设计中叫做"循环结构". 正常的程序结构 //普通的结构 var info = "hello world" console.log(info); 带有分支的程序结构 //IF条件结构 v

Javascript基础与面向对象基础~第一讲 啥叫编程,啥叫程序员

啥叫编程,啥叫程序员?这是一个有意思的问题,呵呵! 啥叫编程 编程其时很简单,就是把一些抽象的东西通过代码的方式表现出现,而代码我们通常叫它开发语言,我们使用开发语言完成某种功能的过程,叫做编程! 啥叫程序员 程序员是一种有思想,有干劲,有热情,有梦想,而又与常人在某些地方不同的人,网上有很多说法,也有很多定义,如程序员应该叫苦B程序员,程序员应该叫码农,程序员应该叫IT民工等等,但我并不这样认为,程序员是可以被人们尊敬的,他们绝对是对未来有着美好希望,对工作有着执着的追求,对周边需要帮助的人有

Javascript基础与面向对象基础~第四讲 Javascript中的类对象

今天来说JS中如何实现类(class),事实上本应该昨天晚上写的,可我失言了,在些说一声"抱歉"!JS中的类是JS面向对象的基础,也是我最拿手的东西,你写的代码能否提高一个层次,一般是从这点上看出来的. 占占对类的定义: 类是对现实中的事物的抽象,一个类一般由属性和方法构成,属性是一些固定的信息,而方法是类的某种行为,类往往用来抽象一些复杂的对象,类与类这间可以进行继承,一般通过JS的function实现,JS中的类对象是实现JS面向对象的基础. 占占对结构体的定义: 一个结构体也是对

Javascript基础与面向对象基础~第八讲 从人类的起源谈面向对象

我很荣幸来写这个结局,有时,我们看人,物,事需要用心去看,而不是用眼睛,因为用眼睛看到的往往是事物的假像,在这里对我最可爱的兄弟说一声,对不起. 从人类的起源谈面向对象,事实上主要说的是面向对象,现在我简单来说一下面向对象的特性吧,当你把一个程序写成面向对象的之后,它将有三个好处,即 封装,继承和多态,这是所有面向对象语言的一个共性,而对于JS这个语言来说,也可以借鉴一下,如JS里实现封装,JS里的继承等等. JS封装: 当我们干某件事时,需要将一些代码组织在一起,形成一个function,而这

怎么实现javascript中调用java类中的方法

问题描述 body中部分代码如:<center><font size="4" color="red">吊灯</font> <input type="button" id="diaodeng" value=<%=state[0]%> onclick="dianji1()"><br><br><br><br>

《Python面向对象编程指南》——1.2 基类中的__init__()方法

1.2 基类中的__init__()方法 对象的生命周期主要包括了创建.初始化和销毁.后面章节会详细讨论对象的创建和销毁,本章专注于对象的初始化. object作为所有类的基类,已经为__init__()方法提供了默认实现,一般情况下不需要重写这个函数.如果没有对它进行重写,那么在创建对象时将不会产生其他变量的实例.在某些情况下,这种默认行为是可以接受的. 对于继承自object的子类,总可以对它的属性进行扩展.例如,对于下面这个类,实例化就不对函数(area)所需要的变量(width和leng

JavaScript面向对象基础知识

1. 对象 对象是JavaScript的基础.JavaScript的大部分功能都是基于对象的.从最基本的层次而言,对象是一系列属性的集合. // 创建一个新的Object对象,存放在 'obj' 变量中 var obj = new Object(); // 给这个对象设置一个属性 obj.val = 5; obj.click = function(){     alert( "hello" ); }; // 简写方式,键值对(key/value pair)来定义属性 var obj =

javascript 设计模式之单体模式 面向对象学习基础_js面向对象

单体模式(singleton) 单体是在脚本加载时创建的,能将一系列有关联的变量和方法组织为一个逻辑单元,逻辑单元里面的内容通过单一的变量进行访问: 一个单体主要分为三部分 用于访问内部信息的入口变量(如:Sky) 属性(如:nickName/age/timeInfo) 方法(如:sayHello) 基本结构 复制代码 代码如下: var Sky = { /* * 作用一,变量管理 */ nickName: "sky", age: "26", /* * 作用二,加载

JavaScript 面向对象编程(1) 基础_js面向对象

1. 用JavaScript实现类 JavaScritpt没有专门的机制实现类,这里是借助它的函数允许嵌套的机制来实现类的.一个函数可以包含变量,又可以包含其它函数,这样,变量可以作为属性,内部的函数就可以作为成员方法了.因此外层函数本身就可以作为一个类了.如下: 复制代码 代码如下: function myClass() { //此处相当于构造函数 } 这里 myClass就是一个类.其实可以把它看成类的构造函数.至于非构造函数的部分,以后会详细描述. 2. 如何获得一个类的实例 实现了类就应