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 相关文章推荐
js setattribute批量设置css样式
Nov 26 Javascript
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
May 31 Javascript
如何让div span等元素能响应键盘事件操作指南
Nov 13 Javascript
node.js中的fs.truncate方法使用说明
Dec 15 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
Sep 06 Javascript
基于JavaScript代码实现pc与手机之间的跳转
Dec 23 Javascript
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
Jan 22 Javascript
基于javascript制作微信聊天面板
Aug 09 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
Vue工程模板文件 webpack打包配置方法
Dec 26 Javascript
Vue中的this.$options.data()和this.$data用法说明
Jul 26 Javascript
关于angular引入ng-zorro的问题浅析
Sep 09 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
PHP文本数据库的搜索方法
2006/10/09 PHP
PHP实现采集程序原理和简单示例代码
2007/03/18 PHP
PHP iconv 解决utf-8和gb2312编码转换问题
2010/04/12 PHP
php运行出现Call to undefined function curl_init()的解决方法
2010/11/02 PHP
php数组函数序列之array_intersect() 返回两个或多个数组的交集数组
2011/11/10 PHP
JS控制日期显示的小例子
2013/11/23 Javascript
jquery使用jquery.zclip插件复制对象的实例教程
2013/12/04 Javascript
js获取字符串最后一位方法汇总
2014/11/13 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
2015/08/24 Javascript
angularjs 源码解析之injector
2016/08/22 Javascript
jQuery纵向导航菜单效果实现方法
2016/12/19 Javascript
在javaScript中检测数据类型的几种方式小结
2017/03/04 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
2019/11/14 Javascript
Vue实现剪贴板复制功能
2019/12/31 Javascript
Node.js API详解之 tty功能与用法实例分析
2020/04/27 Javascript
[00:15]天涯墨客终极技能展示
2018/08/25 DOTA
Python使用Pycrypto库进行RSA加密的方法详解
2016/06/06 Python
利用Python批量生成任意尺寸的图片
2016/08/29 Python
python读写json文件的简单实现
2017/04/11 Python
Sublime开发python程序的示例代码
2018/01/24 Python
想学python 这5本书籍你必看!
2018/12/11 Python
python多线程并发实例及其优化
2019/06/27 Python
对django中foreignkey的简单使用详解
2019/07/28 Python
django认证系统实现自定义权限管理的方法
2019/08/28 Python
在keras中model.fit_generator()和model.fit()的区别说明
2020/06/17 Python
python如何调用php文件中的函数详解
2020/12/29 Python
浅析两列自适应布局的3种思路
2016/05/03 HTML / CSS
详解html5页面 rem 布局适配方法
2018/01/12 HTML / CSS
ivx平台开发之不用代码实现一个九宫格抽奖功能
2021/01/27 HTML / CSS
医学专业个人求职自荐信格式
2013/09/23 职场文书
护理专业优质毕业生自荐书
2014/01/31 职场文书
同事去世追悼词
2015/06/23 职场文书
小学思想品德教学反思
2016/02/24 职场文书
Windows 11上手初体验:任务栏和开始菜单等迎来大改
2021/11/21 数码科技
Python中使用tkFileDialog实现文件选择、保存和路径选择
2022/05/20 Python
mysql数据库如何转移到oracle
2022/12/24 MySQL