经过第一节的入门和第二节的运算符,那么接下来我们就可以学习Javascript的函数了,当然了,不管大家之前学习的是什么编程语言,都会有函数的概念,如果大家学的是Pascal,还会有”过程“的概念,但是js中没有那么复杂。

************函数***********

1.所谓函数,就是一些代码的集合,我们用一种形式把它封装起来,当做一个整体,就有了函数的概念。

2.在js中,我们首先使用关键词funtion来声明一个函数,然后紧跟的就是函数名,然后是一个小括号,括号内可以写一些参数,然后紧跟一对大括号,大括号中写函数体,就是函数的功能代码,示例如下:

function xin(){
alert("辛星");
}

3.上面我们就定义了一个很简单的函数,它的功能就是弹出一个窗口,并且在窗口上显示”辛星“两个字,而这个alert也是一个函数,我们在这里调用了它。

4.函数可以有参数,由于js是弱类型的语言,因此它在传递参数的时候不需要指定参数类型,直接使用参数名即可,多余一个参数的时候用逗号分开。

5.比如我们新建一个html文件,内容如下:

<html>
<head>
<script src = "my.js"></script>
</head>
<body>
<button onclick = "xin('辛星','23')">辛星</button>
<button onclick = "xin('小倩','20')">小倩</button>
</body>
</html>

然后在新建一个my.js文件,添加内容如下:

function xin(name,age){
alert("名字:"+name+"年龄:"+age);
}

6.此时我们发现如果我们点击按钮,则会弹出相应的显示信息。

7.像大多数编程语言一样,函数也可以有返回值,我们使用return语句来返回数据,当一个函数有return语句的时候,函数就会自动停止执行,并且返回执行的数据。

8.代码示例:

function getvar(){
return 4;
}

9.上面就是一个典型的函数返回值的例子,它没有什么其他功能,就是单纯的返回一个数据。

***********变量的作用域************

1.我们在函数外面声明的变量就是所说的全局变量,该网页的js脚本都可以访问它,并且该全局变量会在页面被关闭后删除。

2.我们在函数里使用var关键字定义的变量是局部变量,只能在函数内部使用,当函数执行完毕,该变量也就被删除了,当再次调用该函数的时候,它会被再次创建。

3.一个Javascript变量自从它被声明的那一刻,它就开始了自己的生命周期。

4.如果我们把值赋值给一个未声明的变量,该变量自动作为全局变量,即使是在函数内声明的。

*************小结*************

1.本小节比较简单,我们只是介绍了一下Javascript的函数和作用域。

2.还有一个闭包的概念,也不难,我们放到后面再去介绍。

2014年辛星完全解读Javascript第三节的更多相关文章

  1. 2014年辛星完全解读Javascript第一节

    ***************概述*************** 1.Javascript是一种原型化继承的基于对象的动态类型的脚本语言,它区分大小写,主要运行在客户端,用户即使响应用户的操作并进行数 ...

  2. 2014年辛星完全解读Javascript第七节 数组和对象

    由于Javascript是脚本语言,因此,使用起来非常方便,数组的使用也是比较简单的,下面我们就主要介绍一下Javascript中数组的介绍,以及上一节中没有完成的对象的介绍. *********** ...

  3. 2014年辛星完全解读Javascript第八节 json

    json是JavaScript Object Notation的简写,它是一种轻量级的数据交换格式,而且表达上很容易靠字面去理解.json是用于存储和传输数据的格式,通常用于向服务器端传递数据. ** ...

  4. 2014年辛星完全解读Javascript第六节 对象

    随着面向对象的普及,现在很多语言都在支持面向对象,Javascript也不例外,所谓对象,就是拥有属性和方法的数据.这里的属性其实就是变量,这里的方法,其实就是函数.但是Javascript的面向对象 ...

  5. 2014年辛星完全解读Javascript第五节 break和continue与错误处理

    先说一下break和continue的主要用法吧,break用于跳出循环,continue用于跳过该循环中的一个迭代.简单的说,就是break直接从该语句跳出,但是continue不会跳出该循环语句, ...

  6. 2014年辛星完全解读Javascript第四节 流程控制语句

    上一节我们介绍了函数,本小节我们介绍一下流程控制语句,对于任何一门编程语言来说,流程控制都是非常重要的,也就是我们常说的顺序结构.选择结构和循环结构. ************选择结构******** ...

  7. 2014年辛星完全解读Javascript第二节

    本小节我们讲解一下Javascript的语法,虽然js语言非常简单,它的语法也相对好学一些,但是不学总之还是不会的,因此,我们来一探究竟把. ********注释************* 1.我们通 ...

  8. 2014年度辛星css教程夏季版第三节

    第二节我们讲述的几乎全是CSS的选择器,那么下面这一节我们来讲一下CSS的颜色和文本的一些东西,虽然我对调色不大敏感,但是对于颜色还是比较感兴趣的. *********CSS中的颜色********* ...

  9. 2014年辛星全然解读html第八节

    经过前面七节的学习,我感觉大家的HTML的功底也差点儿相同了,并且我特别的删去了某些东西,比方框架,假设回到几年前,那么框架是很流行的,可是如今都到了2014年了,这些东西早就该被遗忘了,因此,我果断 ...

随机推荐

  1. storyBoard中的Segue跳转

    //———————————————--------------在不确定的Segue跳转-----------------------------------   多个按钮指向要跳转的视图 1.在一个恰 ...

  2. iOS “获取验证码”按钮的倒计时功能

    iOS 的倒计时有多种实现细节,Cocoa Touch 为我们提供了 NSTimer 类和 GCD 的dispatch_source_set_timer方法去更加方便的使用计时器.我们也可以很容易的的 ...

  3. android源码编译常见错误

    错误1:You are attempting to build on a 32-bit system. Only 64-bit build environments are supported bey ...

  4. jquery实现表格行的动态增加和删除

    $("#Addmaterial").click(function () {//Addmaterial是增加按钮的ID $("#tab tr").attr(&qu ...

  5. PLS-00201: 必须声明标识符 'UTL_FILE'

    解决办法: 用sysdba身份 把UTL_FILE包的执行权限给这个用户. 举例: 1.C:\Users\Anakin>sqlplus /nolog2.SQL> connect /as s ...

  6. LeetCode 345

    Reverse Vowels of a String Write a function that takes a string as input and reverse only the vowels ...

  7. hdu 4008 树形dp

    思路:我们定义一个dfn[i],Maxndfn[i]来确定节点i的访问次序,以及其子节点的最大访问次序.那么另一个节点是其子树的节点当且仅当dfn[j]>=dfn[i]&&dfn ...

  8. 7 个基本的 JS 函数【译】

    本文由 伯乐在线 - 刘健超-J.c 翻译,进林 校稿.未经许可,禁止转载!英文出处:davidwalsh.name.欢迎加入翻译组. 我记得早期的 JavaScript ,要完成任何事情几乎都绕不开 ...

  9. <转>HTML+CSS总结/深入理解CSS盒子模型

    原文地址:http://www.chinaz.com/design/2010/1229/151993.shtml 前言:前阵子在做一个项目时,在页面布局方面遇到了一点小问题,于是上stackoverf ...

  10. Android代码内存优化建议-OnTrimMemory优化

    原文  http://androidperformance.com/2015/07/20/Android代码内存优化建议-OnTrimMemory优化/ OnTrimMemory 回调是 Androi ...