JavaScript学习03 JS函数

JavaScript学习03 JS函数

  函数就是包裹在花括号中的代码块,前面使用了关键词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=艺人

参考资料

  圣思园张龙老师Java Web视频教程。

  W3School JavaScript教程:http://www.w3school.com.cn/js/index.asp

  英文版:http://www.w3schools.com/js/default.asp

时间: 2024-09-29 18:25:59

JavaScript学习03 JS函数的相关文章

JavaScript学习12 JS中定义对象的几种方式

JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式 一.基于已有对象扩充其属性和方法 <script type="text/javascript"> var object = new Object(); object.name

JavaScript学习10 JS数据类型、强制类型转换和对象属性

JavaScript学习10 JS数据类型.强制类型转换和对象属性 JavaScript数据类型 JavaScript中有五种原始数据类型:Undefined.Null.Boolean.Number以及String. Undefined数据类型的值只有一个:undefined. 在JavaScript中,如果函数没有声明返回值,那么会返回undefined.(后面有实例). 如果typeof后面跟一个未定义的参数,也是返回undefined. Null数据类型的值只有一个:null. null与

javascript学习3-自定义函数

javascript自定义函数,很简单的小例子. 实现效果:输入两个数和运算符号,根据不同运算符对数据进行计算,返回值 代码: 1 <html> 2 <head> 3 <script type="text/javascript"> 4 var num1=window.prompt('请输入第一个num'); 5 var num2=window.prompt('请输入第二个num'); 6 var operator=window.prompt('请输入

JavaScript学习笔记——js变量的布尔值

typeof(1): numbertypeof(NaN): numbertypeof(Number.MIN_VALUE): numbertypeof(Infinity): numbertypeof("123"): stringtypeof(true): booleantypeof(window): objecttypeof(Array()): objecttypeof(function(){}): functiontypeof(document): objecttypeof(null)

javascript 学习小结 JS装逼技巧(一) by FungLeo

javascript 学习小结 JS装逼技巧(一) by FungLeo 前言 最近一直在做javascript方面的工作.但是本身我的javascript水平比较低,因此在学习过程中比较困难.而最近又接触到了很多的知识点.好记性不如烂笔头,因此写这篇零碎的博文,记一记我学到的一些好玩的东西. 简单的新建各种元素 创建各种元素都有相对应的方法,例如,创建一个数组可以这样写var arr = new Array 当然,这样做是对的,但是我英文很烂,并且不喜欢这样的代码.我喜欢的是下面这样的. //

JavaScript学习12 JS中定义对象的几种方式【转】

avaScript学习12 JS中定义对象的几种方式 转自:  http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式 一.基于已有对象扩充其属性和方法 <script type="text/javascript

JAVAscript学习笔记 js句柄监听事件 第四节 (原创) 参考js使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>句柄添加监听事件</title> <script type="text/javascript" src="tzy.js"></script> </head> <body>

javascript学习之js对象和json对象(obj=JSON.parse(stu))

js对象是键值对的容器, 一定要了解逗号和分号在js里面的用途 如果变量在函数内没有声明(没有使用 var 关键字),该变量为全局变量./w3cschool/i 是一个正则表达式.w3cschool 是一个模式 (用于检索).i 是一个修饰符 (搜索不区分大小写).使用正则表达式搜索 "w3cschool" 字符串,且不区分大小写:var str = "Visit w3cschool";var n = str.search(/w3cschool/i); 获取指定id

javascript学习笔记--迭代函数

概要 这里的迭代函数指的是对数组对象的操作方法,js数组共有五个迭代函数:every.fifter.forEach.map.some. 1.every every方法,返回值为Boolean类型,true表示数组中所有元素都满足条件,false表示数组中至少有一个不满足条件,代码如下: 1 var numbers = [1,2,3,4,5,4,3,2,1]; 2 numbers.every(function(item,index,array){ return item > 2; }) 3 输出: