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 相关文章推荐
始终在屏幕中间显示Div的代码(css+js)
Mar 10 Javascript
A标签中通过href和onclick传递的this对象实现思路
Apr 19 Javascript
js猜数字小游戏的简单实现代码
Jul 02 Javascript
table insertRow、deleteRow定义和用法总结
May 14 Javascript
Jquery Post处理后不进入回调的原因及解决方法
Jul 15 Javascript
JS实现样式清新的横排下拉菜单效果
Oct 09 Javascript
js实现选中页面文字将其分享到新浪微博
Nov 05 Javascript
onclick和onblur冲突问题的快速解决方法
Apr 28 Javascript
JavaScript每天必学之基础知识
Sep 17 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
Sep 23 Javascript
webpack踩坑之路图片的路径与打包
Sep 05 Javascript
微信小程序文字显示换行问题
Jul 28 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 define()函数以及defined()函数的用法详解
2013/06/05 PHP
写一段简单的PHP建立文件夹代码
2015/01/06 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
Yii2 加载css、js 载静态资源的方法
2017/03/10 PHP
来自国外的30个基于jquery的Web下拉菜单
2012/06/22 Javascript
jquery属性过滤选择器使用示例
2013/06/18 Javascript
Javascript 实现图片无缝滚动
2014/12/19 Javascript
手机开发必备技巧:javascript及CSS功能代码分享
2015/05/25 Javascript
使用jQuery.Pin垂直滚动时固定导航
2017/05/24 jQuery
Vue的事件响应式进度条组件实例详解
2018/02/04 Javascript
JavaScript动态检测密码强度原理及实现方法详解
2019/06/11 Javascript
javascript事件监听与事件委托实例详解
2019/08/16 Javascript
vue自定义指令实现仅支持输入数字和浮点型的示例
2019/10/30 Javascript
如何封装Vue Element的table表格组件
2021/02/06 Vue.js
pyramid配置session的方法教程
2013/11/27 Python
分析用Python脚本关闭文件操作的机制
2015/06/28 Python
Python实现多线程抓取妹子图
2015/08/08 Python
python装饰器与递归算法详解
2016/02/18 Python
python框架django基础指南
2016/09/08 Python
使用python编写监听端
2018/04/12 Python
python pandas 组内排序、单组排序、标号的实例
2018/04/12 Python
python 实现视频 图像帧提取
2019/12/10 Python
基于HTML5的齿轮动画特效
2016/02/29 HTML / CSS
在canvas上实现元素图片镜像翻转动画效果的方法
2018/03/20 HTML / CSS
澳大利亚牛仔裤商店:Just Jeans
2016/10/13 全球购物
瑞典领先的汽车零部件网上零售商:bildelaronline24.se
2017/01/12 全球购物
波兰在线杂货店:Polski Koszyk
2019/11/02 全球购物
金融事务专业毕业生求职信
2014/02/23 职场文书
妇联主席先进事迹
2014/05/18 职场文书
食品安全承诺书
2014/05/22 职场文书
单位计划生育责任书
2015/05/09 职场文书
导游词之湖北梁子湖
2019/11/07 职场文书
Python移位密码、仿射变换解密实例代码
2021/06/27 Python
JAVA springCloud项目搭建流程
2022/05/11 Java/Android
Apache POI操作批量导入MySQL数据库
2022/06/21 Servers
Redis过期数据是否会被立马删除
2022/07/23 Redis