1. 函数的 声明

1) 声明式写法

function j1(id){
alert(id);
}

2) 声明匿名函数变量

var j2 = function (a, b) { 
  alert(a + " " + b);
};

3) 实例化函数对象

var j3 = new Function("a", "b", "alert(a+' '+b);");//大写,为内置函数
// 前面几个是参数名(个数无限制),最后一个是函数体

函数声明注意事项:

1) 函数以function开头,不需声明返回值类型、参数类型

2) 不要与系统函数(JS内置、DOM内置方法)重名:如selectAll、focus

3) JS中不像C#那样要求所有路径都有返回值,没有返回值就是undefined

4) 程序执行前会先挑出命名函数,所以对于重名函数,以最后一个定义的为准,不考虑函数位置;而匿名函数不会提前搜索,按代码顺序执行

5) arguments对象,方法声明时的参数叫命名参数(方便用户使用),即便没有命名参数,通过arguments对象可以获得用户传递进来的所有参数。方法调用时传递进去的参数都保存在arguments对象(该对象把参数封装在一个数组内)中

6) 动态为方法传递参数,类似于.net中的params关键字作用

JavaScript很酷的一点:声明函数时不需要列出那些函数的所有参数。所以即使你的函数声明是showTab(),但调用这个函数时还可以为它传入参数。

弊端:会遗漏或忽视传入函数的参数。

虽然可以不必列出JS函数需要的所有参数,但是,如果确实希望在函数中使用这些参数,则必须将其列出。

2. 函数的 调用

//1. 你把方法写好,那么方法编译会常驻在内存中;
//2. 还可能将系统已经存在的方法覆盖掉。
//3. 在JS中没有重载,如果方法名一样,后面的会覆盖前面的方法。
//4. 参数不是必须的,定义方法时,可以设置参数,也可以不设置,如果设置了参数,在调用时也可以不传递相应的值。如果没有设置,调用时也可以传递值。
//5. 如果是在调用的时候加了(),那么就相当于是执行了这个方法,如果只是方法名,那么就相当于绑定了方法的引用。如果需要方法起作用,还必须做触发
function funName(){ //声明一个方法(首字母小写),和 window.onload 同一级别
var name=”张三”;
alert(name);
return function(){ alert(“方法返回值”);};//如果不写return返回的是undefined
}
//单独定义的方法,不要写在另外一个方法内部,不然在dom里面调用不到
function funName(name,age,address){ //调用时,按顺序传递对应的值
//var name=”张三”;
alert(name+”:”+age); //如果未传递值,则显示对应变量为undefined
}
funName();//直接调用方法(不管你写在哪里,只要可以运行这句代码,就会调用方法)
***************************************************************************
//下面两行代码都会在页面加载时先执行函数,然后把方法返回值给onclick事件。因为此时页面所有内容(包括文字、图片、视频、js脚本等)还未加载完毕,找不到对象,所以必须写在window.onload=function(){ ... }里面。
//动态绑定方法 --- 匿名方法
document.getElementById(“btn”).onclick = function(){ }//声明匿名函数
document.getElementById(“btn”).onclick = funName(); //运行funName函数 ***************************************************************************
<input type=”button” value=”调用方法” id=”btn1” onclick=”funName” /> ( X )
<input type=”button” value=”调用方法” id=”btn2” onclick=”funName()” />
<input type=”button” value=”调用方法” id=”btn3” onclick=”funName('aa')” />

3. JS常见全局函数

decodeURI() 解码某个编码的 URI

encodeURI() 把字符串编码为 URI

decodeURIComponent() 解码一个编码的 URI 组件

encodeURIComponent() 把字符串编码为 URI 组件

escape() 对字符串进行编码 (ECMAScript 3不推荐使用,用上面的函数代替)

unescape() 对由 escape() 编码的字符串进行解码,当一个数值 除以 0 的时候,返回一个 无穷大值(infinite)

isFinite() 检查某个值是否为[有穷大]的数。

isNaN() 检查某个值是否是数字(is not a number)。

parseFloat() 解析一个字符串并返回一个浮点数

parseInt() 解析一个字符串并返回一个整数

<script type="text/javascript">
//如果需要使用body里面创建的元素,那么就需要写在window.onload中
//在asp里面,有时,我们需要从一页面传递参数到另外一页面。如果传递的是中文,接收的就有可能是乱码
var str = "传智播客";
var res = window.escape(str);
alert(res);
alert(unescape(res));
alert(isFinite(1 / 0)); //false
</script>

JS 笔记(二) - 函数的更多相关文章

  1. JS笔记 运算符 函数

    1.运算符 1.位运算符 将数字转换为二进制后进行运算 只做整数运算,如果是小数的话,则去掉小数位再运算 2.位运算 1.按位 与:& 语法:a&b; 2.按位 或| 语法:a|b 任 ...

  2. js笔记:匿名函数

    ;(function(){ alert('啥也没做');})(); 会弹框. 这是个匿名函数.最前面的分号可以去掉,仅仅是在代码压缩时防止出错. 该函数可以拆解成非匿名函数: var a= funct ...

  3. EChart.js 笔记二

    交互组件 Echart.js 中交互组件比较多.例如: legend(图例).title(标题组件).visualMap(视觉映射组件).dataZoom(数据缩放组件).timeline(时间线组件 ...

  4. Objective-C 学习笔记(二) 函数

    Objective-C 函数 定义一个方法 在Objective-C编程的方法定义的一般形式如下: - (return_type) method_name:( argumentType1 )argum ...

  5. es6 入坑笔记(二)---函数扩展,箭头函数,扩展运算符...

    函数扩展 1.函数可以有默认值 function demo( a = 10,b ){} 2.函数可以使用解构 function demo( { a = 0,b = 0 } = {} ){ } 3.函数 ...

  6. python3精简笔记(二)——函数

    函数 下面的地址可以查看函数: https://docs.python.org/3/library/functions.html 也可以在交互式命令行通过help()查看函数的帮助信息. 如: > ...

  7. Python学习笔记二--函数

    1.使用global语句定义全局变量 2.默认参数 默认参数值应该是不可变的.注意: 只有在形参表末尾的那些参数可以有默认参数值,即你不能在声明函数形参的时候,先声明有默认值的形参而后声明没有默认值的 ...

  8. jQuery源码笔记(二):定义了一些变量和函数 jQuery = function(){}

    笔记(二)也分为三部分: 一. 介绍: 注释说明:v2.0.3版本.Sizzle选择器.MIT软件许可注释中的#的信息索引.查询地址(英文版)匿名函数自执行:window参数及undefined参数意 ...

  9. 纯JS实现KeyboardNav(学习笔记)二

    纯JS实现KeyboardNav(学习笔记)二 这篇博客只是自己的学习笔记,供日后复习所用,没有经过精心排版,也没有按逻辑编写 这篇主要是添加css,优化js编写逻辑和代码排版 GitHub项目源码 ...

随机推荐

  1. css动画属性性能

    性能主要表现:流量.功耗与流畅度 在现有的前端动画体系中,通常有两种模式:JS动画与CSS3动画. JS动画是通过JS动态改写样式实现动画能力的一种方案,在PC端兼容低端浏览器中不失为一种推荐方案. ...

  2. File system needs to be upgraded. You have version null and I want version 7

    安装hbase时候报错: File system needs to be upgraded. You have version null and I want version 7 注: 我安装的hba ...

  3. SSIS数据转换后数值总数差异过大

    之前做过一个项目,犯了一个小错误,写出来给大家分享一下,以防大家出同样的错误. 做了一个ETL包,对货品的销售额进行数据转换,字符型 --〉 浮点型: 之后对销售额进行求和,在测试数据结果时发现与销售 ...

  4. java中的数据结构(集合|容器)

    对java中的数据结构做一个小小的个人总结,虽然还没有到研究透彻jdk源码的地步.首先.java中为何需要集合的出现?什么需求导致.我想对于面向对象来说,对象适用于描述任何事物,所以为了方便对于对象的 ...

  5. java maven strom 启动异常

    Exception in thread "main" java.lang.NoClassDefFoundError: org/apache/storm/topology/IRich ...

  6. 推荐两个谷歌的json-view插件(附带下载分享地址)

    1.JSONView 网盘下载地址:http://pan.baidu.com/s/1hrGlaVa 效果图: 2.JSON-handle 网盘下载地址:http://pan.baidu.com/s/1 ...

  7. PE文件学习系列三-PE头详解

    合肥程序员群:49313181.    合肥实名程序员群:128131462 (不愿透露姓名和信息者勿加入) Q  Q:408365330     E-Mail:egojit@qq.com 最近比较忙 ...

  8. 点开看看please

  9. js里实现队列与堆栈

    在面向对象的程序设计里,一般都提供了实现队列(queue)和堆栈(stack)的方法,而对于JS来说,我们可以实现数组的相关操作,来实现队列和堆栈的功能,看下面的相关介绍. 一 看一下它们的性质,这种 ...

  10. 通过JS检测360浏览器

    如何通过JS检测360浏览器? 尝试了一大堆方法,网上大多数办法都是通过navigator.userAgent来判断,这可能在几年前是行得通的,现在360userAgent输出来跟谷歌除了版本号其余一 ...