JavaScript中的函数基础

函数能让开发者把JavaScript代码变得更有效率,而且更能重复吃用。函数解决思路:把大问题变成小问题,分割的思路。

函数的语法:

函数类型1:

function Name(){

Body

}

函数以function关键字开始,Name为函数名字,Body是函数的主体即为所有工作发生的区域。带有参数的函数。函数类型2:

function Name(Arguments){

Body

}

Arguments可以是一个或多个参数,以逗号分开。函数Body可以访问参数,此时这些参数就像已经完成初始化工作的局部变量。

注意:函数的传递的参数很像函数内部的局部变量,但在函数内部改变函数的参数,却不影响函数外的任何事物。

具有返回值的函数。返回值能让你从函数中返回一段数据。函数类型3:

function Name(Arguments){

Body;

return Value;

}

关键字return表示这个函数有返回值,Value返回值可以为任何你选定的数据。return语句能放在函数任何的地方,函数遇到return后将立即结束。所有return不仅只返回数据,而且同时负责结束函数。

注意:return使用的场合时函数内部,函数执行到return语句立即结束;而break主要在for或while循环中,跳出当前所有的循环。

前端开发原则一:

结构(html),样式(css)和行为(JavaScript)的分离。

内容:网页的HTML代码,它提供网页实际上如何拼接在一起的结构,同时也是网页数据的所在地。

外观:网页的css代码,它主要改变的内容的样式,决定字体,色彩和排版的最终效果。

功能:驱动网页、带来交互性的JavaScript代码。

引用函数和调用函数的差别,可以通过查看函数名称后面是否跟随了括号()。引用函数只会单独出现,但调用函数一定有括号,有时还带有参数。

时间: 2024-08-10 21:09:13

JavaScript中的函数基础的相关文章

谈谈JavaScript中的函数与闭包_基础知识

闭包这东西,说难也难,说不难也不难,下面我就以自己的理解来说一下闭包 一.闭包的解释说明 对于函数式语言来说,函数可以保存内部的数据状态.对于像C#这种编译型命令式语言来说,由于代码总是在代码段中执行,而代码段是只读的,因此函数中的数据只能是静态数据.函数内部的局部变量存放在栈上,在函数执行结束以后,所占用的栈被释放,因此局部变量是不能保存的. Javascript采用词法作用域,函数的执行依赖于变量作用域,这个作用域是在定义函数时确定的.因此Javascript中函数对象不仅保存代码逻辑,还必

AJAX入门之深入理解JavaScript中的函数

ajax|javascript|函数 概述 函数是进行模块化程序设计的基础,编写复杂的Ajax应用程序,必须对函数有更深入的了解.JavaScript中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的.通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递.在继续讲述之前,先看一下函数的使用语法: function func1(-){-}var func2=function(-){-};var func3=function func4(-){-};var f

JavaScript中的函数嵌套使用

  这篇文章主要介绍了JavaScript中的函数嵌套使用,是JavaScript入门学习中的基础知识,需要的朋友可以参考下 在JavaScript1.2之前,函数定义是只允许在顶层全局代码,但1.2的JavaScript可以嵌套函数定义其他函数中也是可以的. 仍然存在的函数定义可以循环或条件之内不会出现限制.在函数定义这些限制只适用于函数声明与函数语句. 函数文本(在JavaScript1.2引入的另一个功能)可能出现在任何JavaScript表达式,这意味着它们可以出现在if else语句内

JavaScript中指定函数名称的相关方法

  这篇文章主要介绍了JavaScript中指定函数名称的相关方法,是JS入门学习中的基础知识,需要的朋友可以参考下 JavaScript1.2引入了函数文本是定义函数一种以上的新方法的概念. 函数文本是定义一个无名函数的表达式. 语法 字面值函数的语法很类似的函数声明,不同之处在于它被用作表达,它不是作为一个声明,函数名是必需的. ? 1 2 3 4 5 6 7 <script type="text/javascript"> <!-- var variablenam

JavaScript中定义函数的三种方法

 这篇文章主要介绍了JavaScript中定义函数的三种方法,本文直接给出代码实现,同时给出了构造函数的相关知识,需要的朋友可以参考下     在JavaScript的世界里,定义函数的方法多种多样,这正是JavaScript灵活性的体现,但是正是这个原因让初学者摸不着头脑,尤其对于没有 语言基础的同学.正所谓条条大道通罗马,但是如果道路太多,会让行路者不知所措,因为不知道走那条路才是正途,呵呵,废话一大篇,闲言少叙,先看代码: 代码如下: /*第一种方法,使用function语句,格式如下*/

浅析 JavaScript 中的 函数 currying 柯里化

原文:浅析 JavaScript 中的 函数 currying 柯里化 何为Curry化/柯里化? curry化来源与数学家 Haskell Curry的名字 (编程语言 Haskell也是以他的名字命名). 柯里化通常也称部分求值,其含义是给函数分步传递参数,每次传递参数后部分应用参数,并返回一个更具体的函数接受剩下的参数,这中间可嵌套多层这样的接受部分参数函数,直至返回最后结果.因此柯里化的过程是逐步传参,逐步缩小函数的适用范围,逐步求解的过程. 柯里化一个求和函数 按照分步求值,我们看一个

JavaScript中日期函数的相关操作知识_javascript技巧

时间对象是一个我们经常要用到的对象,无论是做时间输出.时间判断等操作时都与这个对象离不开.除开JavaScript中的时间对象外,在VbScript中也有许多的时间对象,而且非常好用.下面还是按照我们的流程来进行讲解JavaScript中日期函数. new Date() new Date(milliseconds) new Date(datestring) new Date(year, month) new Date(year, month, day) new Date(year, month,

AJAX入门之深入理解JavaScript中的函数_AJAX相关

概述 函数是进行模块化程序设计的基础,编写复杂的Ajax应用程序,必须对函数有更深入的了解.JavaScript中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的.通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递.在继续讲述之前,先看一下函数的使用语法:  function func1(-){-}var func2=function(-){-};var func3=function func4(-){-};var func5=new Function(

深入剖析JavaScript中的函数currying柯里化_javascript技巧

curry化来源与数学家 Haskell Curry的名字 (编程语言 Haskell也是以他的名字命名).   柯里化通常也称部分求值,其含义是给函数分步传递参数,每次传递参数后部分应用参数,并返回一个更具体的函数接受剩下的参数,这中间可嵌套多层这样的接受部分参数函数,直至返回最后结果. 因此柯里化的过程是逐步传参,逐步缩小函数的适用范围,逐步求解的过程.  柯里化一个求和函数 按照分步求值,我们看一个简单的例子 var concat3Words = function (a, b, c) {