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 相关文章推荐
客户端静态页面玩分页
Jun 26 Javascript
JavaScript 编程引入命名空间的方法
Jun 29 Javascript
浅谈javascript属性onresize
Apr 20 Javascript
js小数计算小数点后显示多位小数的实现方法
May 30 Javascript
js 自带的 map() 方法全面了解
Aug 16 Javascript
微信小程序 数据访问实例详解
Oct 08 Javascript
JavaScript日期选择功能示例
Jan 16 Javascript
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
Apr 21 jQuery
Vue单页式应用(Hash模式下)实现微信分享的实例
Jul 21 Javascript
JS处理一些简单计算题
Feb 24 Javascript
uni-app 组件里面获取元素宽高的实现
Dec 27 Javascript
用javascript实现倒计时效果
Feb 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中数组合并的两种方法及区别介绍
2012/09/14 PHP
php序列化函数serialize() 和 unserialize() 与原生函数对比
2015/05/08 PHP
实例讲解php数据访问
2016/05/09 PHP
php技巧小结【推荐】
2017/01/19 PHP
php获取linux命令结果的实例
2017/03/13 PHP
Jquery实现的简单轮播效果【附实例】
2016/04/19 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
2016/12/01 Javascript
详解使用nvm管理多版本node的方法
2017/08/30 Javascript
JavaScript运行原理分析
2018/02/09 Javascript
使用vue-router设置每个页面的title方法
2018/02/11 Javascript
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
jQuery事件委托代码实践详解
2019/06/21 jQuery
vue中实现回车键登录功能
2020/02/19 Javascript
基于JS实现table导出Excel并保留样式
2020/05/19 Javascript
搭建vscode+vue环境的详细教程
2020/08/31 Javascript
[05:00]TI9战队采访 - Royal Never Give Up
2019/08/20 DOTA
利用Python和OpenCV库将URL转换为OpenCV格式的方法
2015/03/27 Python
python 数据的清理行为实例详解
2017/07/12 Python
Python+selenium 获取一组元素属性值的实例
2018/06/22 Python
Python小进度条显示代码
2019/03/05 Python
PyTorch搭建一维线性回归模型(二)
2019/05/22 Python
Python基本数据结构之字典类型dict用法分析
2019/06/08 Python
详解python 中in 的 用法
2019/12/12 Python
python分布式计算dispy的使用详解
2019/12/22 Python
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
Oakley官网:运动太阳镜、雪镜和服装
2016/09/30 全球购物
MADE法国:提供原创设计师家具
2018/09/18 全球购物
2014全国两会学习心得体会2000字
2014/03/10 职场文书
师德建设实施方案
2014/03/21 职场文书
法律专业自荐信
2014/06/03 职场文书
民主评议党员自我评议范文2014
2014/09/26 职场文书
十七岁的单车观后感
2015/06/12 职场文书
婚宴父亲致辞
2015/07/27 职场文书
《大禹治水》教学反思
2016/02/22 职场文书
思想品德课教学反思
2016/02/24 职场文书
使用pycharm运行flask应用程序的详细教程
2021/06/07 Python