函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块

<script>
function demo(){
var a = 10;
var b = 25;
var sum = a + b;
alert(sum);
}
demo()
</script>

如上,一个简单的函数它的格式是function(){ },只是一个函数必须要有默认的格式。

而后面的demo只是一个函数名,与class一样自己取的.但它需要是一个有意义的函数名。

{函数里面被称为代码块},也是函数的核心所在,

代码块中第一行是变量var, 变量名假设是a。赋值a的对象是10。那么这个a就已经有了10的值了。

那么第二行变量名为b它包含着25的值。

第三行是变量名sum总和,它包含着a与b相+加的一个值;这个很好理解。

那么它们还需要将一个值表达出来这个结果,于是alert()就来了它的意思是网页直接弹出一个窗口。

弹出来的窗口里显示什么呢?    也就是(sum)之前变量的总和结果。

这样还不能显示出来,因为它们还是处在函数内,还需要将它调用出来,所有最后一个函数名 ”demo()“就是来实现函数这一切的!


下面则是一个包含参数,返回的函数。我们来分析一下它里面有些什么东东.

<script>
function demo(a,b){
var sum = a + b;
return sum;
}
var vl = demo(10,20);
alert(vl)
</script>

 这个例子比上面多了几个东西,首先函数名demo()中有(a,b)这两位参数,参数是多行代码中偷懒的神技。!它们之间必须用,逗号隔开

当变量sum=a+b时,我们知道了变量的总和,代码块中是一个循环的世界,要引用值的话需要找帮手。

return是返回的意思,结束代码块中的循环,取出代码块所完成的一个值"sum"。

它们之间用空格连接,不需要添加多余的元素。这样sum的值就打包好了

函数外首先建立一个变量,将打包好函数值demo(10,20)进行赋值,然后交到vl手中;

最后在通过alert(vl)测试结果.


如需将函数转移到html中,那我们需要设置一个onclick...

<script>
function demo(){
var a = 10;
var b = 20;
var sum = a + b;
alert(sum);
}
</script>
<button onclick="demo()">
按钮
</button>

  函数样式以及ok了,第一行变量声明赋值a为10;

第二行变量声明赋值b为20;第三行sum得到它们总和;

alert(sum);将它以弹出窗口的模式显示出来;函数就已经打包好了.

我们返回到html中,button是一个按钮。button里面onclick进行了标记。

随后我们带着打包好的函数onclick="demo()"带到了html中,随后刷新页面点击按钮即可.

JS基础函数的更多相关文章

  1. JS基础——函数的创建和使用

    在JS中函数在使用时实质上和我们平时学习的编程语言中的函数类似,它相同也具有函数名,參数,返回值,函数体等这些寻常函数所具有的内容.可是作为一种脚本语言,它确实也有自己不一样的地方. 一.创建 < ...

  2. JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象

       前   言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学, ...

  3. JavaScript基础一(js基础函数与运算符)

    [使用js的三种方式] 1.在HTML标签中,直接内嵌js(并不提倡使用) <button onclick=" alert('点就点')"> 点我啊</butto ...

  4. js基础 -函数

    函数 定义 var a =function (){...}; 匿名函数方式定义function a(){} 直接定义 函数的参数arguments 可以接收任意个参数,是个像数组的内容,可for in ...

  5. js基础-函数基础

    js 先对函数进行解析 然后在执行函数 定义一个函数 实现求两个数的乘 function mult(a,b){ return a*b; } mult(1,3) 计算1 - n 的和 封装成函数 fun ...

  6. js基础-函数-var和let的区别

    javaScript简介 javaScript历史 1995年,Netscape公司是凭借Navigator浏览器成为当时第一代互联网公司. 网景公司希望在HTML界面上加一点动态效果,于是叫Bren ...

  7. js 基础 函数传值

    让我忽略的函数传值问题 function box(num){ num += 10;  // num(有色的num) 实际就是arguments[0] ,如果参数没有num,则函数体的num(有色的nu ...

  8. js基础——函数

    1.函数声明:通过函数可封装任意多条语句,且可在任意地方.任何时候调用执行. eg. function box(){//无参函数      alert("只有函数被调用,我才会被执行&quo ...

  9. JS基础-全方面掌握继承

    前言 上篇文章详细解析了原型.原型链的相关知识点,这篇文章讲的是和原型链有密切关联的继承,它是前端基础中很重要的一个知识点,它对于代码复用来说非常有用,本篇将详细解析JS中的各种继承方式和优缺点进行, ...

随机推荐

  1. jqueryMobile中select样式自定义

    要去掉引入的jqueryMobile给下拉框组件的样式,有两种办法. 第一种:全局的去掉所有的下拉框样式: <link rel="stylesheet" href=" ...

  2. 你好,C++(18) 到底要不要买这个西瓜?4.1.6 操作符之间的优先顺序

    4.1.6 操作符之间的优先顺序 在表达一些比较复杂的条件判断时,在同一个表达式中,有时可能会存在多个操作符.比如,我们在判断要不要买某个西瓜时,不仅要判断它的总价(单价8.2元/斤,一共10.3斤) ...

  3. Go 解析JSON

    JSON(Javascript Object Notation)是一种轻量级的数据交换语言,以文字为基础,具有自我描述性且易于让人阅读.尽管JSON是JavaScript的一个子集,但JSON是独立于 ...

  4. js动态给table添加行(tr)

    html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> < ...

  5. spi ssp

    SSP(Synchronous Serial Port 同步串行口)某些微处理器所含有的一个通信模块(或支持的通信模式),用来和外围串行部件或其他微处理器进行通信,这些外围部件可以是串行E2PROM. ...

  6. Scala学习笔记--Actor和并发

    感谢博主lyrebing  博文地址:http://blog.csdn.net/lyrebing/article/details/20446061 1.  Actor用法 1.1 Actor的基本使用 ...

  7. iOS 7 二维码

    维码扫描 2014-06-13 10:20:29|  分类: iOS|举报|字号 订阅     下载LOFTER客户端     // //  TCTosweepScan.m //  TongCheng ...

  8. rtf表格的合并

    {\rtf1\ansi\ansicpg1252\deff0\deflang1033{\fonttbl{\f0\fnil Calibri;}{\f1\fnil\fcharset134 \'cb\'ce\ ...

  9. 【杭州图铭科技有限公司招募贴】——“JUST DO IT”

    I'm convinced that the only thing that kept me going was that I loved what I did. ——Steve Paul Jobs( ...

  10. 关于API的设计和需求抽象

    一,先来谈抽象吧,因为抽象跟后面的API的设计是息息相关的 有句话说的好(不知道谁说的了):计算机科学中的任何问题都可以抽象出一个中间层就解决了. 抽象是指在思维中对同类事物去除其现象的.次要的方面, ...