一、函数的简介

<!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. 关于mysql备份与恢复的操作

    逻辑备份:将数据库的数据以逻辑的SQL语句的方式导出 mysqldump备份数据库 备份数据并带创建数据库 (含数据) mysqldump -uroot -p'123456' -B dbname &g ...

  2. 风控MIS那些事

    信贷风险管理应基于数据进行决策,MIS则是通过对数据的加工与展示,给决策者提供参考. 管理信息系统(ManagementInformation System,MIS)是进行信息的 收集.传输.加工.储 ...

  3. vue-router中$route 和 $router

    1.1 $route 表示(当前路由信息对象) 表示当前激活的路由的状态信息,包含了当前 URL 解析得到的信息,还有 URL 匹配到的 route records(路由记录).路由信息对象:即$ro ...

  4. Sdoi2017试题泛做

    Day1 [Sdoi2017]数字表格 推式子的莫比乌斯反演题. #include <cstdio> #include <algorithm> #include <cst ...

  5. express 设置 cookie 以及 httpOnly

    权限控制基本 cookie 在 express 中引入 cookie-parser const express = require('express') const cookieParser = re ...

  6. jQuery_完成表格的隔行换色

    表格的颜色一样不利于区分,而利用jQuery则可以很方便的进行表格的隔行换色操作,原表如下: 这样看着很不方便,但是隔行换色之后非常便捷清楚. 代码如下: <!DOCTYPE html> ...

  7. Mac item2常用快捷键

    记录一下iterm 2 快捷键,用于备忘! 标签 新建标签:command + t 关闭标签:command + w 切换标签:command + 数字 command + 左右方向键 切换全屏:co ...

  8. windows与ubuntu双系统的安装

    将ubuntu镜像烧录至U盘,从U盘启动电脑 选择自定义安装,不要选择它本身的双系统选项. 我的方案分区: 1. 挂载点/:主分区:安装系统和软件:大小为30G:分区格式为ext4:2. 挂载点/ho ...

  9. vscode-php代码提升及函数跳转

    安装插件,php intellisense 安装后还要配置一下PHP的运行路径 打开扩展     输入 PHP IntelliSense     安装     文件 - 首选项 - 设置 - 扩展 - ...

  10. 追加环境变量到Path

    @echo off setlocal enabledelayedexpansion ::使用方法: :: "C:\WINDOWS" :: "C:\jar" SE ...