JS 笔记(二) - 函数
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 笔记(二) - 函数的更多相关文章
- JS笔记 运算符 函数
1.运算符 1.位运算符 将数字转换为二进制后进行运算 只做整数运算,如果是小数的话,则去掉小数位再运算 2.位运算 1.按位 与:& 语法:a&b; 2.按位 或| 语法:a|b 任 ...
- js笔记:匿名函数
;(function(){ alert('啥也没做');})(); 会弹框. 这是个匿名函数.最前面的分号可以去掉,仅仅是在代码压缩时防止出错. 该函数可以拆解成非匿名函数: var a= funct ...
- EChart.js 笔记二
交互组件 Echart.js 中交互组件比较多.例如: legend(图例).title(标题组件).visualMap(视觉映射组件).dataZoom(数据缩放组件).timeline(时间线组件 ...
- Objective-C 学习笔记(二) 函数
Objective-C 函数 定义一个方法 在Objective-C编程的方法定义的一般形式如下: - (return_type) method_name:( argumentType1 )argum ...
- es6 入坑笔记(二)---函数扩展,箭头函数,扩展运算符...
函数扩展 1.函数可以有默认值 function demo( a = 10,b ){} 2.函数可以使用解构 function demo( { a = 0,b = 0 } = {} ){ } 3.函数 ...
- python3精简笔记(二)——函数
函数 下面的地址可以查看函数: https://docs.python.org/3/library/functions.html 也可以在交互式命令行通过help()查看函数的帮助信息. 如: > ...
- Python学习笔记二--函数
1.使用global语句定义全局变量 2.默认参数 默认参数值应该是不可变的.注意: 只有在形参表末尾的那些参数可以有默认参数值,即你不能在声明函数形参的时候,先声明有默认值的形参而后声明没有默认值的 ...
- jQuery源码笔记(二):定义了一些变量和函数 jQuery = function(){}
笔记(二)也分为三部分: 一. 介绍: 注释说明:v2.0.3版本.Sizzle选择器.MIT软件许可注释中的#的信息索引.查询地址(英文版)匿名函数自执行:window参数及undefined参数意 ...
- 纯JS实现KeyboardNav(学习笔记)二
纯JS实现KeyboardNav(学习笔记)二 这篇博客只是自己的学习笔记,供日后复习所用,没有经过精心排版,也没有按逻辑编写 这篇主要是添加css,优化js编写逻辑和代码排版 GitHub项目源码 ...
随机推荐
- css动画属性性能
性能主要表现:流量.功耗与流畅度 在现有的前端动画体系中,通常有两种模式:JS动画与CSS3动画. JS动画是通过JS动态改写样式实现动画能力的一种方案,在PC端兼容低端浏览器中不失为一种推荐方案. ...
- 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 ...
- SSIS数据转换后数值总数差异过大
之前做过一个项目,犯了一个小错误,写出来给大家分享一下,以防大家出同样的错误. 做了一个ETL包,对货品的销售额进行数据转换,字符型 --〉 浮点型: 之后对销售额进行求和,在测试数据结果时发现与销售 ...
- java中的数据结构(集合|容器)
对java中的数据结构做一个小小的个人总结,虽然还没有到研究透彻jdk源码的地步.首先.java中为何需要集合的出现?什么需求导致.我想对于面向对象来说,对象适用于描述任何事物,所以为了方便对于对象的 ...
- java maven strom 启动异常
Exception in thread "main" java.lang.NoClassDefFoundError: org/apache/storm/topology/IRich ...
- 推荐两个谷歌的json-view插件(附带下载分享地址)
1.JSONView 网盘下载地址:http://pan.baidu.com/s/1hrGlaVa 效果图: 2.JSON-handle 网盘下载地址:http://pan.baidu.com/s/1 ...
- PE文件学习系列三-PE头详解
合肥程序员群:49313181. 合肥实名程序员群:128131462 (不愿透露姓名和信息者勿加入) Q Q:408365330 E-Mail:egojit@qq.com 最近比较忙 ...
- 点开看看please
- js里实现队列与堆栈
在面向对象的程序设计里,一般都提供了实现队列(queue)和堆栈(stack)的方法,而对于JS来说,我们可以实现数组的相关操作,来实现队列和堆栈的功能,看下面的相关介绍. 一 看一下它们的性质,这种 ...
- 通过JS检测360浏览器
如何通过JS检测360浏览器? 尝试了一大堆方法,网上大多数办法都是通过navigator.userAgent来判断,这可能在几年前是行得通的,现在360userAgent输出来跟谷歌除了版本号其余一 ...