JavaScript学习笔记整理Day4

##函数

####函数是一段在一起,可以做某件事的程序。

###优点:控制程序设计的复杂性

1. 提高软件的开发可靠性

2. 提高软件的开发效率

3. 提高软件的可维护性

4. 提高程序的重用性

###JavaScript定义函数的方式

1. function 关键字  function demo(){ code..}

2. 匿名函数  var demo = function(){}

3. Function 构造函数   (不推荐使用)

var demo = new Function(‘a’,’b’,”console.log(a+b)”);

###调用方式区别

1. 函数声明的提前

2. 匿名函数无法提前使用

###函数名

函数名可由开发者自行定义

与变量命名规则相同(描述性强,简洁)。

###函数参数

1. 多个参数使用,分割

2. 形参

3. 实参

####参数特点

1. 当实参数量>形参数量(省略)

2. 当实参数量<形参数量(undefined)

3. 通过if(n1 === undefined){}设置参数的默认值

4. 通过实参对象arguments将获取的参数组成一个数组(arguments在严格模式下是一个关键字)

####函数的返回值

使用关键字return <br>

1. 结束函数

2. 可以返回值 也可以没有返回值

####函数的引用和调用

1. 调用:在函数名后面加上();

2. 引用:使用函数名;

##JavaScript变量的作用域

1. 全局变量--定义在函数的外部。

2. 局部变量--定义在函数内部

3. 不使用var时变成全局变量,但是需要执行函数才能使用内部定义的变量

4. 严格模式下,不支持。不推荐使用。(避免全局变量污染)

####注意:函数外for循环等定义的变量也是全局变量。

###函数的调用

1.  函数内调用别的函数

2. 使用参数调用 --回调函数

3. 函数内调用自己  --递归函数

function demo(n){

if(n<0){

return;

}else{

document.write(n+"<br>");

demo(n-1);

}

}

function demo(n){

if(n<0){

return;

}else{

document.write(n+"<br>");

demo(n-1);

document.write(n+"<br>");

}

}

<font color="red">使用debugger调试 打开F12</font>

时间: 2024-10-07 07:27:31

JavaScript学习笔记整理Day4的相关文章

javascript学习笔记整理(数组)

数组是一个可以存储一组或是一系列相关数据的容器. 一.为什么要使用数组. a.为了解决大量相关数据的存储和使用的问题. b.模拟真是的世界. 二.如何创建数组 A.通过对象的方式来创建——var a=new Array(); 赋值方式: 1.直接赋值——var a=new Array(元素1,元素2,元素3,元素4,........) var a=new Array(数值)如果只有一个元素,并且这个元素是数值类型的,那么他就是指定数组的长度并且他的值都是undefined var a=new A

JavaScript学习笔记整理Day15

BOM浏览器对象模型 1.window 2.Location 3.History 4.Screen 5.Navigator 一.window window概述: 1.window是客户端JavaScript的全局对象 2.它表示web浏览器的一个窗口或窗体,并且用标识符window来引用 1.innerHeight 返回窗口的文档显示区高度 IE9以下不兼容 2.innerWidth 返回窗口的文档显示区宽度 IE9以下不兼容 解决方法: //获取窗口的宽高 var width = window

javascript学习笔记整理(事件)

一.事件驱动 1.事件javascript侦测到的用户的操作或是页面的一些行为(怎么发生的) 2.事件源引发事件的元素(发生在谁的身上) 3.事件处理程序对事件处理的程序或是函数 (发生了什么事) 二.事件的分类 1.鼠标事件 onclick 鼠标点击事件 ondblclick     鼠标双击事件 onmousedown     鼠标按下 onmouseup      鼠标松开 onmousemove       鼠标移动 onmouseover         鼠标移入 onmouseout

JavaScript学习笔记整理Day9

一.JavaScript定时器: 1.单次定时:setTimeout(fn,time); 2.多次定时:setInterval(timer); 3.停止单次定时:clearTimeout(timer); 4.停止多次定时:clearInterval(timer); 实例1:使用单次和多次定时写倒计时 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"&g

javascript学习笔记整理(函数)

javascript函数的声明和调用将完成某一特定功能的代码集合起来,可以重复使用的代码块. 一.函数的声明方式(创建) A.基本语法(function  关键字)function 函数名([参数1],[参数2]....){    函数体    [retrun]  //返回值} function a(){ alert(1) }; B.字面量定义的形式(匿名函数)var 变量=function ([参数1],[参数2]....){    函数体    [retrun]  //返回值} var a=

JavaScript学习笔记整理Day10

一.正则表达式(规则表达式) 定义:使用单个字符串来描述.匹配一系列符合某个语法规则的字符串搜索模式 二.正则表达式的作用 操作字符串是正则的唯一作用(验证用户名,验证电话号码,验证密码等表单元素...) 三.正则表达式的声明 1.使用直接量 2.使用构造函数 3.转换函数 四.使用JavaScript进行正则验证 步骤一:准备字符串 步骤二:准备正则表达式 步骤三:执行匹配 //第一步: 准备字符串 var str = 'abcdef'; //第二步: 准备正则表达式 var reg = /b

javascript学习笔记整理(正则)

RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具 var re=/e/; var re=new RegExp('e'); 正则表达式的 String 对象的方法 1.search---检索与正则表达式相匹配的值(返回值得下标) var a='a1a34b4cd5ef5g'; alert(a.search('a')); 结果:0 alert(a.search(/\d{2}b/g)); 结果:3 2.match---找到一个或多个正则表达式的匹配(返回一个数组) var a='a

javascript学习笔记整理(DOM对象)

DOM--document(html xml) object modle,document对象(DOM核心对象),document对象是 Window 对象的一部分,可通过window.document属性对其进行访问,document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问 1.属性 title--返回或设置当前文档的标题 url--返回当前文档的URL bgColor--设置文档的背景色 fgColor 设置文档的前景色(设置文字颜色) 2.方法 getElementB

javascript学习笔记整理(字符串对象)

一.属性 1.length——字符串的长度(不区分中英文) var a="chen陈"; alert(a.length); //结果:5 2.constructor——对象的构造函数 二.方法 A.获取类型 1.charAt()——返回在指定位置的字符 var a="chen陈"; alert(a.charAt(2)); //结果:e 2.charCodeAt()——返回在指定的位置的字符的Unicode编码 var a="chen陈"; ale