JavaScript学习第五天笔记(函数)

2018-08-13 admin

概述

函数是这样一段JavaScript代码,它只定义一次,但是可能被执行或调用多次。简单来说,函数就是一组可重复使用的代码。


定义函数

定义函数有两种方式:


函数的声明方式

语法: function 函数名称 (){ 函数体 } /在声明函数时,函数体内容不会执行/ fun () /调用函数 调用函数后 函数体才会被执行/ 示例代码:

function fun(){
  console .log('函数体');
}
fun ();/*输出结果为 函数体*/

字面量方式/直接量方式

语法: var 函数名称 = function(){ 函数体 }/定义函数/ fun ();/调用函数/ 示例代码:

var fun  = function (){
console .log('函数体');
}
fun ();
/*输出结果为 函数体*/

函数的应用举例

输出大于等于1并且小于等于100的所有奇数: 代码示例如下

function printnum()/*定义函数*/
{
     for(vari=1;i<=100;i++)/*设定i的取值范围*/
     {
     if(i%2==1)/*设定i为奇数*/
          {
          console .log(i)/*输出i*/
          }
     }
}
printnum()

函数的参数

概述

函数的参数就相当于在函数中使用的变量。JavaScript中的函数定义并未制定函数参数的类型,函数调用时也未对传入的参数做任何类型的类型检查。

函数参数的分类

函数的参数可以分为一下的两种

形参

出现在定义函数问法中的参数列表示函数的形式参数,简称为形参。简单来说就是定义函数时使用的参数就是形参。

实参

函数调用时实际传入的参数是函数的实际参数,简称实参。简单来说,就是调用函数时使用的参数就是实参。 注意: 1.在一般情况下,形参与实参的个数是相同的。但是在JavaScript中并不强求这一点,在特殊的情况下,函数的形参和实参的个数可以不同。 2.在函数体中定义的参数只能在函数中使用。 3.形参与实参可以定义多个,之间用逗号连接。形参的默认值是undefined。


return语句

概述

函数中还包含一个return语句,但是并不是必要的。return作为函数的返回值(数据内容),并且一般会编写在函数体的最后,如果编写在函数体中,那么后面的内容将不会执行。 示例代码如下;

function fun(){
  console .log('这是函数体');
   return 100;
}
   console .log(fun());
/*输出结果为:
              这是函数体
              100
              */

预定义函数

概述

JavaScript中预定义了一组函数,又称为全局函数,允许直接使用。 1.eval函数 用于执行以字符串(String)形式出现的JavaScript代码。此函数可以动态的执行JavaScript代码。 2.uneval():创建的一个Object的源代码的字符串表示。 3.decodeURI():对已编码的统一资源标识符(URI)进行解码,并返回其非编码形式。 4.4.encodeURI():对统一资源标识符(URI)进行编码,并返回编码后的URI字符串

原文链接:https://segmentfault.com/a/1190000015981039

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-37826.html

文章标题:JavaScript学习第五天笔记(函数)

相关文章
JavaScript教程:JS中的原型
Keith Peters 几年前发表的一篇博文,关于学习没有“new”的世界,其中解释了使用原型继承代替构造函数。两者都是纯粹的原型编码。 标准方法(The Standard Way) 一直以来,我们学习的在 JavaScript 里创建对...
2015-11-12
javascript是什么意思
avaScript是Netscape开发的一个对象脚本语言,它使用在世界各地数以百万计的网页和服务器应用程序上。 网景的JavaScript是ecma - 262版的标准脚本语言,和公布的标准只有轻微的差异。 与广为流行的错误理解相反,Ja...
2015-11-12
21天学通javascript
简介: 本书是Javascript入门教程。Javascript是Web开发中应用最早、发展最成熟、用户最多的脚本语言。其语法简洁,代码可读性在众多脚本语言中最好,它在使用时不用考虑数据类型,是真正意义上的动态语言。本书总分为四篇,共21章...
2015-11-16
Node.js学习(1)----HTTP服务器与客户端
Node.js 标准库提供了 http 模块,其中封装了一个高效的 HTTP 服务器和一个简易的HTTP 客户端。http.Server 是一个基于事件的 HTTP 服务器,它的核心由 Node.js 下层 C++部分实现,而接口由 Jav...
2015-11-12
JavaScript的组成
一个完整的JavaScript由3个部分组成:核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM) ECMAScript 描述了该语言的语法和基本对象 ; DOM 描述了处理网页内容的方法和接口 ; BOM 描...
2015-11-12
JavaScript 事件流、事件处理程序及事件对象总结
JS与HTML之间的交互通过事件实现。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用监听器(或处理程序)来预定事件,以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式,支持页面的行为与页面的外观之间的松散耦合。...
2017-04-05
JavaScript变量的声明
声明变量 变量在脚本中的首次亮相是在其声明中。 在变量首次出现时将会在内存中设置它,因此您稍后可在脚本中引用它。 应在使用变量之前先声明变量。 可以使用 var 关键字实现此目的。 &lt;span id=“mt9” class=“sent...
2015-11-12
7个提高效率的JavaScript调试工具
鐜板湪鐨凧avaScript浜嬪疄涓婂凡鐒舵垚涓轰簡娴佽�岀殑web璇�瑷€锛屽嵆浣垮畠骞朵笉瀹岀編銆傚緢澶氱▼搴忓憳涓嶅枩娆㈢敤JavaScript鍐欎唬鐮侊紝鏄�鍥犱负鍐欏埌鍚庢潵鎬讳細鍑虹幇鍚勭�嶈帿鍚嶅叾濡欑殑bug锛岃€屼笖鍦ㄥ紑...
2015-11-11
JavaScript短路原理精简代码
js中||和&amp;&amp;的特性帮我们精简了代码的同时,也带来了代码可读性的降低,虽然高效,但请灵活使用。 在js逻辑运算中,0、&quot;&quot;、null、false、undefined、NaN都会判为false,其他都为t...
2015-11-12
7个让JavaScript变得更好的注意事项
随着浏览器性能提高,伴随着新的HTML5的编程接口的稳步采用,网页上的JavaScript的音量在逐渐增加。然而,一个写得不好的程序编码却拥有着打破整个网站,让用户为之沮丧和驱赶潜在客户的潜力。 开发人员必须使用所有供他们任意使用的工具和技...
2015-11-12
回到顶部