一、函数的简介

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>函数的入门</title>

    </head>

    <script type="text/javascript">

        /*函数(function)也是个对象，可以封装一些代码，在需要时调用

         使用typeof检查函数对象时，会返回function

         可以将要封装的代码以字符串的形式传递给构造函数

         封装到函数中的代码不会立即执行，函数中代码会在函数调用时执行。 语法：函数对象名();

        封装的代码会按顺序执行

         * */

        var fun=new Function("console.log('你敲代码好low呀');");/*这方式很少使用*/

        fun();

        /*使用函数声明来创建函数 (形参可有可无 即无参函数)

         function 函数名(形参1，形参2...){

             函数体；

         }

         * */

        function fun2(){

            console.log("你敲代码好像蔡徐坤呀");

        }

        fun2();

        /*使用函数表达式来创建函数 --即创建匿名函数，然后把匿名函数赋值给一个变量

         var 函数名=function(形参1,....){

         }

         * */

        var fun3= function(){

            console.log("哈哈");

        };//这里最好加个分号,这是个赋值语句

        fun3();

    </script>

    <body>

    </body>

</html>

二、函数参数和返回值

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>函数的参数</title>

    </head>

    <script type="text/javascript">

        /*这里声明形参跟Java中不同，这里不用指定形参类型。它就相当于在函数内部声明了对应的变量var

         1)浏览器的解析器不会检查实参的类型。即使传个参数("你好",123) 也不会报错。所以有时需要检查判断传入的数据类型

         2)也不会检查实参的数量，多余的实参不会被赋值，也不会报错 (123,45,6)不会报错

         3)如果实参的数量不够，则缺少的实参数据类型是undefined 输出结果为NaN
          函数内部也可以声明函数。

         *

         * * */

        function add(a,b){

            console.log(a+b);

        }

        add(2,3);

        /*函数的返回值 ，在函数中它不用指定的数据类型去接收，跟Java不同。在调用时接收这点是一样的

         return 之后的语句都不会执行 。return后边什么也不跟或不写return就相当于返回一个undefined

         return 可以返回任意类型的值。也可以是个对象，也可以是个函数
         return 是它后边的语句都不会执行。break是跳出所有的循环，换句话说若是循环后边还有语句，还会执行，但是return则不是，直接退出函数也

         * */

        function add2(a,b,c){

            var sum=a+b+c;

            return sum;

        }

        var result=add2(3,6,7);

        console.log(result);

        console.log(add2(3,12,8));

    </script>

    <body>

    </body>

</html>

练习

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>函数参数的练习</title>

        <script type="text/javascript">

            function isEven(n){/*判断一个数是不是偶数,是偶数返回true不是返回false*/

            /*    if(n%2==0){

                    console.log(n+"是偶数");

                }else{

                    console.log(n+"不是偶数");

                }*/

                return n%2==0; 

            }

            console.log(isEven(17));

            function area(R){//计算圆的面积

                return 3.14*R*R;

            }

            console.log(area(10));

            /*实参可以是任意一个数据类型，包括一个对象。当参数过多时，可以封装成一个对象传递*/

            var obj={

                name:"猴子",

                age:18,

                address:"花果山"

            }

            function sayHello(o){

                console.log("姓名："+o.name+",年龄："+o.age+",住址："+o.address);

            }

            sayHello(obj);

            /*实参也可以是个函数*/

            function fun (a) {

                console.log("a="+a);

                a(obj);//调用a就是调用函数sayHello

            }

            fun(sayHello);//这里sayHello就是一个函数 同理fun也可以传个匿名函数.

            //fun(sayHello());调用sayHello函数 fun(sayHello);调用sayHello函数对象

            fun(function(){ console.log("hello")});

        </script>

    </head>

    <body>

    </body>

</html>

[19/05/29-星期三] JavaScript_ 函数的简介的更多相关文章

  1. [19/05/26-星期日] JavaScript_ 基本语法_运算符

    一.概念 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl ...

  2. 【Python】函数基础简介

    一.函数 1. 简介 函数是组织好的,可重复使用的,用来实现单一,或相关联功能的代码段.函数能提高应用的模块性,和代码的重复利用率. 2. 组成 函数代码块以 def 关键词开头,后接函数名和圆括号( ...

  3. main函数的简介

    ////  main函数的简介.h//  IOS笔记////  Created by .//  Copyright © 2015年  All rights reserved.// //#import ...

  4. API各函数作用简介

    API各函数作用简介 1.控件与消息函数 AdjustWindowRect 给定一种窗口样式,计算获得目标客户区矩形所需的窗口大小 AnyPopup 判断屏幕上是否存在任何弹出式窗口 ArrangeI ...

  5. SpringBoot+mybatis:报错Fri Oct 19 14:29:24 CST 2018 WARN: Establishing SSL connection without server's identity verification is not recommended. According to MySQL 5.5.45+, 5.6.26+ and 5.7.6+ requiremen

    报错:Fri Oct 19 14:29:24 CST 2018 WARN: Establishing SSL connection without server's identity verifica ...

  6. mssql sql server ceiling floor 函数用法简介

    摘自: http://www.maomao365.com/?p=5581摘要: 下文主要讲述ceiling.floor函数的功能及举例说明  一.ceiling floor函数功能简介 ceiling ...

  7. mssql sql server 其它系统函数 parsename 点语法字符串分割函数应用简介

    转自:http://www.maomao365.com/?p=4534 一. parsename函数功能简介 parsename函数的主要功能是:可以快速的使用”.”关键字分解字符串,并返回.分解后指 ...

  8. Python3 matplotlib的绘图函数subplot()简介

    Python3 matplotlib的绘图函数subplot()简介 一.简介 matplotlib下, 一个 Figure 对象可以包含多个子图(Axes), 可以使用 subplot() 快速绘制 ...

  9. linux c语言 fork() 和 exec 函数的简介和用法

    linux c语言 fork() 和 exec 函数的简介和用法   假如我们在编写1个c程序时想调用1个shell脚本或者执行1段 bash shell命令, 应该如何实现呢? 其实在<std ...

随机推荐

  1. asp.net mvc + vue.js + axios.js

    1.新建一个 MVC 应用程序 2.右键解决方案 添加VUE 3.搜索vue 1.安装axios.js ,用于数据请求,get , post axios

  2. 页面渲染机制（一、DOM和CSSOM树的构建）

    1.HTML的加载 HTML是一个网页的基础,下载完成后解析 2.其他静态资源加载 解析HTML时,发现其中有其他外部资源链接比如CSS.JS.图片等,会立即启用别的线程下载. 但当外部资源是JS时, ...

  3. vertical-greenplum

    https://github.com/sumitchawla/docker-vertica You can either pull the image from Docker Registry usi ...

  4. HDU2196computer

    就是求每个点为起始点的最长链的长度. 写一下各个数组的意思吧. f[i][0]为点i向下走最长的距离:f[i][1]为点i向下走第二长的距离: xia[i][0]为点i向下走最长距离所要走的儿子节点: ...

  5. 【BZOJ3876】 [Ahoi2014]支线剧情

    Description [故事背景] 宅男JYY非常喜欢玩RPG游戏,比如仙剑,轩辕剑等等.不过JYY喜欢的并不是战斗场景,而是类似电视剧一般的充满恩怨情仇的剧情.这些游戏往往 都有很多的支线剧情,现 ...

  6. SQL模糊查询报：ORA-00909：参数个数无效

    用oracle数据库进行模糊查询时,控制台报错如下图所示: 原因是因为敲的太快,语法写错了 正确的写法是 pd.code like concat(concat('%',#{keyword}),'%')

  7. [IOI2008/BZOJ1791 岛屿]（处理基环树的小技巧&基于bfs树形DP）

    IOI2008/BZOJ1791 岛屿 题目大意是在一个基环树森林里求每一棵基环树的直径①的和. 其实就是树的直径的基环树升级版.我们先把环找出来,然后从环上的每一个节点x出发,并且不经过环上其他节点 ...

  8. linux 系统环境变量配置

    使用Ubuntu 进行开发绕不开的就是环境变量的配置,由于Linux系统严格的权限管理,造成Ubuntu系统有多个环境变量配置文件,如果不了解其调用顺序,很有可能遇到配置了环境变量,而没有其作用的问题 ...

  9. mysql命令使用2

    mysql查询默认不区分大小写,如果需要区分大小写,使用binary mysql>select * from teacher where binary name='niu'; mysql查询默认 ...

  10. mysql查询时特殊字符转译

    commons.lang String value = StringEscapeUtils.escapeSql(searchRequest.getSearchValue());