JavaScript学习笔记之JS函数


Posted in Javascript onJanuary 22, 2015

函数就是包裹在花括号中的代码块,前面使用了关键词function:

function functionName()

{

    这里是要执行的代码

}

函数参数

函数的参数可以任意多个,不用声明变量类型,只用给出变量名:

function myFunction(name, job)

{

    这里是要执行的代码

}

函数返回值

在函数中使用return语句,函数会停止执行,返回调用它的地方。

函数的返回值也不用声明类型,直接返回即可。

function myFunction()

{

    var x=5;

    return x;

}

上面的函数会返回返回值5。

注:整个 JavaScript 并不会停止执行,仅仅是函数。

JavaScript 将继续执行代码,从调用函数的地方。

函数调用将被返回值取代:

var myVar=myFunction();

仅仅希望退出函数时 ,也可使用 return 语句。

返回值是可选的:

function myFunction(a,b)

{

    if (a>b)

    {

      return;

    }

    x=a+b;

}

当a大于b时不再往下执行,而是直接返回。

局部变量

关于局部变量和全局变量这里再重复说一遍吧。

在 JavaScript 函数内部声明的变量(使用var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。

可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。

只要函数运行完毕,本地变量就会被删除。

全局变量

在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。

注意:向未声明的 JavaScript 变量来分配值:

如果您把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。

这条语句:

carname="Volvo";

将声明一个全局变量carname,即使它在函数内执行。

函数实例

<body>

    <script type="text/javascript">

        function member(name, job) //类比Java的构造函数,JS是没有类的概念的

        {

            this.name = name;

            this.job = job;

        }

        function showProperty(obj, objString) {

            var str = "";

            for ( var i in obj) {

                //遍历对象中的每一个属性 

                str += objString + "." + i + "=" + obj[i] + "<br/>";

                //i表示属性

                //obj[i]表示该属性的值

            }

            return str;

        }

        var obj = new member("刘德华", "艺人");//建立对象实例

        document.writeln(showProperty(obj, "person"));

    </script>

</body>

输出:

person.name=刘德华

person.job=艺人

以上就是本文的全部内容了,希望小伙伴们能够喜欢,有疑问请给我留言。

Javascript 相关文章推荐
JavaScript对象创建及继承原理实例解剖
Feb 28 Javascript
利用jQuery实现可输入搜索文字的下拉框
Oct 23 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
Jun 06 Javascript
Javascript原型链和原型的一个误区
Oct 22 Javascript
html的DOM中document对象images集合用法实例
Jan 21 Javascript
Three.js学习之正交投影照相机
Aug 01 Javascript
jQuery实现可展开折叠的导航效果示例
Sep 12 Javascript
Bootstrap table使用方法详细介绍
Dec 09 Javascript
详解node.js中的npm和webpack配置方法
Jan 21 Javascript
vue中关闭eslint的方法分析
Aug 04 Javascript
Vue组件间通信 Vuex的用法解析
Aug 05 Javascript
JS如何在数组指定位置插入元素
Mar 10 Javascript
JavaScript学习笔记之基础语法
Jan 22 #Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
Jan 22 #Javascript
Angularjs基础知识及示例汇总
Jan 22 #Javascript
jquery使用正则表达式验证email地址的方法
Jan 22 #Javascript
使用jquery操作session方法分享
Jan 22 #Javascript
jQuery实现“扫码阅读”功能
Jan 21 #Javascript
JavaScript中document.forms[0]与getElementByName区别
Jan 21 #Javascript
You might like
全国FM电台频率大全 - 26 西藏自治区
2020/03/11 无线电
ftp类(example.php)
2006/10/09 PHP
PHP_Flame(Version:Progress)的原代码
2006/10/09 PHP
PHP中Cookie的使用详解(简单易懂)
2017/04/28 PHP
实例讲解PHP中使用命名空间
2019/01/27 PHP
Prototype最新版(1.5 rc2)使用指南(1)
2007/01/10 Javascript
js中判断控件是否存在
2010/08/25 Javascript
jQuery学习笔记之jQuery的DOM操作
2010/12/22 Javascript
同时使用n个window onload加载实例介绍
2013/04/25 Javascript
javascript中拼接HTML字符串的最快、最好的方法
2014/06/07 Javascript
javascript修改图片src的方法
2015/01/27 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
2015/09/17 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
2017/06/12 Javascript
实现两个文本框同时输入的实例
2017/09/25 Javascript
浅谈Vue2.0父子组件间事件派发机制
2018/01/08 Javascript
[原创]jQuery实现合并/追加数组并去除重复项的方法
2018/04/11 jQuery
基于vuex实现购物车功能
2021/01/10 Vue.js
[01:05:29]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第二场 1月24日
2021/03/11 DOTA
python网页请求urllib2模块简单封装代码
2014/02/07 Python
Python中使用Inotify监控文件实例
2015/02/14 Python
在Django的模型中执行原始SQL查询的方法
2015/07/21 Python
使用python实现http及ftp服务进行数据传输的方法
2018/10/26 Python
Python中利用aiohttp制作异步爬虫及简单应用
2018/11/29 Python
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
python线程的几种创建方式详解
2019/08/29 Python
详解opencv中画圆circle函数和椭圆ellipse函数
2019/12/27 Python
Python安装tar.gz格式文件方法详解
2020/01/19 Python
Python函数参数定义及传递方式解析
2020/06/10 Python
Pytorch - TORCH.NN.INIT 参数初始化的操作
2021/02/27 Python
HTML5 画布canvas使用方法
2016/03/18 HTML / CSS
帕克纽约:PARKER NY
2018/12/09 全球购物
通信工程毕业生求职信
2013/11/16 职场文书
思想作风纪律整顿心得体会
2014/09/04 职场文书
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
2021/06/29 Javascript
MySQL 用 limit 为什么会影响性能
2021/09/15 MySQL
为什么MySQL不建议使用SELECT *
2022/04/03 MySQL