河南中医药大学：《Web前端开发》课程理论教学课件（2017）04.函数、方法和对象

函数、方法和对象 管理科学与工程学科 耿方方

函数、方法和对象 管理科学与工程学科 耿方方

主要内容 函数和方法 对象 内置对象

主要内容  函数和方法  对象  内置对象

浏览器需要非常详细的指令才能知道怎么做。程序员使用函数、方法 和对象来组织代码

浏览器需要非常详细的指令才能知道怎么做。程序员使用函数、方法 和对象来组织代码

函数和方法 函数是什么? 函数和方法:函数是由一系列语句组成,这些语句因为执行特定的任 务而被分到一组。方法的功能与函数一样,只是方法在对象内部创建。 如果需要多次使用同一段代码,可以把它们封装成一个函数,函数就 是一组允许在你的代码里随时调用的语句,每个函数实际上就是一个 短小的脚本。 个简单的函数如下所示: function showO( var syarray=[ EMW","Volvo,Saab",Ford"] for (var i=0: i<syArray. length: i++)( alert ( syArray [il) 这个函数将循环输出数组中的内容。现在如果想在自己的 脚本中执行这一动作,可以随时调用如下语句来执行这个 函数:

函数和方法 函数是什么？  函数和方法：函数是由一系列语句组成，这些语句因为执行特定的任 务而被分到一组。方法的功能与函数一样，只是方法在对象内部创建。  如果需要多次使用同一段代码，可以把它们封装成一个函数，函数就 是一组允许在你的代码里随时调用的语句，每个函数实际上就是一个 短小的脚本。  一个简单的函数如下所示：  这个函数将循环输出数组中的内容。现在如果想在自己的 脚本中执行这一动作，可以随时调用如下语句来执行这个 函数：

函数和方法 函数是什么? 案例 var msg =Sign up to receive our newsletter for 10% off! —个简单的函数一个简单的函数 updateMessageo Welcome to our site!

函数和方法 函数是什么？  案例1： 一个简单的函数 一个简单的函数 Welcome to our site! var msg = 'Sign up to receive our newsletter for 10% off!'; function updateMessage() { var el = document.getElementById('message'); el.textContent = msg; } updateMessage();

函数和方法 如何声明函数? 在 Javascript中,函数的定义是由关 键字 funciton、函数名、函数的参数 " function"这个词必须是小写的,否则 及置于大括号中的函数体组成的。定 JavaScript就会出错。另外需要注意的 义函数的基本语法如下: 是,必须使用大小写完全相同的函数名 来调用函数 funciton functionName(Lparameterl, parameter ■ statements; Lreturn expression; ] functionName:必选,用于指定函数名。在同 个页面中,函数名必须是唯一的。 parameter:可选,用于指定参数列表。一个函 数最多有255个参数。 statements:必选,是函数体,用于实现函数功 能的语句。 expression:可选,用于返回函数值

函数和方法 如何声明函数？  在JavaScript中，函数的定义是由关 键字funciton、函数名、函数的参数 及置于大括号中的函数体组成的。定 义函数的基本语法如下：  funciton functionName([parameter1,parameter2, …]){  statements;  [return expression;]}  functionName:必选，用于指定函数名。在同一 个页面中，函数名必须是唯一的。  parameter：可选，用于指定参数列表。一个函 数最多有255个参数。  statements:必选，是函数体，用于实现函数功 能的语句。  expression: 可选，用于返回函数值。 "function" 这个词必须是小写的，否则 JavaScript 就会出错。另外需要注意的 是，必须使用大小写完全相同的函数名 来调用函数

函数和方法 如何声明函数? 有时,函数需要特定的信息来执行任务。在这种情况下,声明函数时 要给它提供形参。在函数内部形参类似于变量。 function getArea(width, height)( return width*height: I 调用带有形参的函数时,需在函数名后面的括号中指定一些 值。这些值就是实参,可以象变量一样赋值。 值作为实参 getArea(3, 4) 变量作为实参 wallWidth=3 wallHeight=4; getArea(wallWidth, wallHeight)

函数和方法 如何声明函数？  有时，函数需要特定的信息来执行任务。在这种情况下，声明函数时 要给它提供形参。在函数内部形参类似于变量。  function getArea(width,height){ return width*height;}  调用带有形参的函数时，需在函数名后面的括号中指定一些 值。这些值就是实参，可以象变量一样赋值。  值作为实参  getArea（3，4）  变量作为实参  wallWidth=3; wallHeight=4;getArea(wallWidth,wallHeight);

函数和方法 如何声明函数? return语句 ■ return语句用来规定从函数返回的值。因此,需要返回某个值的 函数必须使用这个 return语句。 调用函数的返回值只需将函数赋值给一个变量,然后调用该变量即 函数在执行过程中只要执行完 return语句就会停止继续执行函数体 中的代码,因此 return语句后的代码都不会执行

函数和方法 如何声明函数？  return语句  return 语句用来规定从函数返回的值。因此，需要返回某个值的 函数必须使用这个 return 语句。  调用函数的返回值只需将函数赋值给一个变量，然后调用该变量即 可；  函数在执行过程中只要执行完return语句就会停止继续执行函数体 中的代码，因此return语句后的代码都不会执行

函数和方法 如何声明函数? TODO supply a title function product(a, b) C/head> >body部分中的脚本调用一个带有两个参数(6和5)的函数。 htmI>

函数和方法 如何声明函数？  实例2    TODO supply a title    function product(a,b) {  return a*b }      document.write(product(6,5))   body 部分中的脚本调用一个带有两个参数（6 和 5）的函数。  该函数会返回这两个参数的乘积。  

函数和方法 如何声明函数? 内存和变量的工作原理 全局变量使用更多地内存。浏览器需要在页面载入期间保存它们。局 部变量只需在函数执行期间被保存。 在代码中创建变量:每个变量的声明都存在内存开销。浏览器需要保 存的变量越多,运行脚本时需要用到的内存资源越多。所需资源越多 脚本运行越慢,即页面响应用户的时间越长。 例: var width=15; var height=30 var inWall=true; var canPaint=true 相同的值使用同一内存存储,可用于不同的变量

函数和方法 如何声明函数？  内存和变量的工作原理  全局变量使用更多地内存。浏览器需要在页面载入期间保存它们。局 部变量只需在函数执行期间被保存。  在代码中创建变量：每个变量的声明都存在内存开销。浏览器需要保 存的变量越多，运行脚本时需要用到的内存资源越多。所需资源越多 脚本运行越慢，即页面响应用户的时间越长。  例：var width=15；  var height=30；  var isWall=true；  var canPaint=true; 相同的值使用同一内存存储，可用于不同的变量