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 相关文章推荐
jQuery验证Checkbox是否选中的代码 推荐
Sep 04 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
Jan 22 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
Jun 06 Javascript
js判断浏览器是否支持严格模式的方法
Oct 04 Javascript
jquery实现点击页面回到顶部
Nov 23 Javascript
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
vue初尝试--项目结构(推荐)
Jan 30 Javascript
浅谈使用mpvue开发小程序需要注意和了解的知识点
May 23 Javascript
详解如何使用koa实现socket.io官网的例子
Nov 04 Javascript
JavaScript 面向对象基础简单示例
Oct 02 Javascript
JavaScript数组排序功能简单实现
May 14 Javascript
JS寄快递地址智能解析的实现代码
Jul 16 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 pack与unpack 摸板字符字符含义
2009/10/29 PHP
php图片缩放实现方法
2014/02/20 PHP
详解php与ethereum客户端交互
2018/04/28 PHP
JavaScript-世界上误解最深的语言分析
2007/08/12 Javascript
改变javascript函数内部this指针指向的三种方法
2010/04/23 Javascript
为JavaScript添加重载函数的辅助方法
2010/07/04 Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
2012/01/13 Javascript
caller和callee的区别介绍及演示结果
2013/03/10 Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
2015/03/13 Javascript
jquery实现的横向二级导航效果代码
2015/08/26 Javascript
JavaScript中闭包之浅析解读(必看篇)
2016/08/25 Javascript
js实现延迟加载的几种方法
2017/04/24 Javascript
Angular模板表单校验方法详解
2017/08/11 Javascript
vue中appear的用法
2017/08/17 Javascript
node.js使用免费的阿里云ip查询获取ip所在地【推荐】
2018/09/03 Javascript
微信小程序 高德地图路线规划实现过程详解
2019/08/05 Javascript
Vue-CLI 项目在pycharm中配置方法
2019/08/30 Javascript
javascript实现点击星星小游戏
2019/12/24 Javascript
js实现div色块碰撞
2020/01/16 Javascript
[43:53]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.22
2019/09/05 DOTA
Python字符串详细介绍
2015/05/09 Python
python3音乐播放器简单实现代码
2020/04/20 Python
python操作redis方法总结
2018/06/06 Python
Python利用Django如何写restful api接口详解
2018/06/08 Python
Python解决两个整数相除只得到整数部分的实例
2018/11/10 Python
python安装mysql的依赖包mysql-python操作
2021/01/01 Python
CSS3中的元素过渡属性transition示例详解
2016/11/30 HTML / CSS
英国领先品牌手动工具和电动工具供应商:Tooled Up
2018/11/24 全球购物
俄罗斯厨房产品购物网站:COOK HOUSE
2021/03/15 全球购物
电子商务专业实习生自我鉴定
2013/09/24 职场文书
工商管理专业毕业生求职信
2014/05/26 职场文书
汽车维修求职信
2014/06/15 职场文书
销售团队获奖感言
2014/08/14 职场文书
教师党员学习群众路线心得体会
2014/11/04 职场文书
小学生光盘行动倡议书
2015/04/28 职场文书
2016年学校党支部创先争优活动总结
2016/04/05 职场文书