浅谈javascript对象模型和function对象


Posted in Javascript onDecember 26, 2014

javascript中,函数就是对象

<html> 

<head> 

<script type="text/javascript">

function add(number){ 

    alert(number+20); 

} 

var add=function(number){ 

alert(number+20); 

} 

function add(number,number1){ 

    alert(number+30); 

} 

var add=function(number){ 

    alert(number+90); 

}

add(10);

</script>

</head> 

<body>

</body>

</html>

add是引用,function是对象.

跟java不一样的地方:javascript中没有方法重载的概念。方法可以有n个参数,而传参数时可以只传1个参数。

浅谈javascript对象模型和function对象

数据类型 Undefined--类型   undefined--值

在JavaScript中有一个Function对象,所有自定义的函数都是Function对象类型的。
Function对象接收所有参数都为字符串类型的,其中最后一个参数是函数体,而前面的参数则是函数真正 需要接收的参数。

<html> 

<head> 

<script type="text/javascript"> 

var add =new Function("number","alert(number+20);"); 

add(10); 

</script> 

</head> 

<body>

</body> 

</html>

在javascript中,每一个Function对象都有一个 隐含的对象arguments,表示给函数实际传递的参数.

<html> 

<head> 

<script type="text/javascript"> 

function add(){ 

alert(arguments.length); 

    alert(arguments[0]); 

    alert(arguments[1]); 

} 

add(10,20); 

</script> 

</head> 

<body> 

</body> 

</html>

java中的方法重载,javascript中相对的也可以靠arguments来实现。

<html> 

<head> 

<script type="text/javascript"> 

function add(){ 

if(1==arguments.length){ 

    alert(arguments[0]); 

}else if(2==arguments.length){ 

    alert(arguments[0]+arguments[1]); 

}else if(3==arguments.length){ 

    alert(arguments[0]+arguments[1]+arguments[2]); 

} 

} 

add(2); 

add(2,3); 

add(2,3,4); 

</script> 

</head> 

<body> 

</body> 

</html>

以上就是本文全部内容了,小伙伴们是否了解了javascript对象模型和function对象了呢,有疑问请留言,大家共同进步。

Javascript 相关文章推荐
Safari5中alert的无限循环BUG
Apr 07 Javascript
jQuery 源码分析笔记(4) Ready函数
Jun 02 Javascript
浅析return false的正确使用
Nov 04 Javascript
实现51Map地图接口(示例代码)
Nov 22 Javascript
jQuery实现提示密码强度的代码
Jul 15 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
Dec 03 Javascript
基于javascript实现仿百度输入框自动匹配功能
Jan 03 Javascript
jquery自适应布局的简单实例
May 28 Javascript
js 实现省市区三级联动菜单效果
Feb 20 Javascript
Node.js websocket使用socket.io库实现实时聊天室
Feb 20 Javascript
微信小程序实现图片预览功能
Jan 31 Javascript
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
angularjs基础教程
Dec 25 #Javascript
jQuery中detach()方法用法实例
Dec 25 #Javascript
jQuery中remove()方法用法实例
Dec 25 #Javascript
jQuery中replaceWith()方法用法实例
Dec 25 #Javascript
jQuery中before()方法用法实例
Dec 25 #Javascript
2014 年最热门的21款JavaScript框架推荐
Dec 25 #Javascript
jQuery中after()方法用法实例
Dec 25 #Javascript
You might like
ThinkPHP实现事务回滚示例代码
2014/06/23 PHP
兼容ie6浏览器的php下载文件代码分享
2014/07/14 PHP
Laravel自动生成UUID,从建表到使用详解
2019/10/24 PHP
laravel 框架执行流程与原理简单分析
2020/02/01 PHP
Hutia 的 JS 代码集
2006/10/24 Javascript
wordpress之js库集合研究介绍
2007/08/17 Javascript
jquery 选项卡效果 新手代码
2011/07/08 Javascript
js有序数组的连接问题
2013/10/01 Javascript
setTimeout和setInterval的深入理解
2013/11/08 Javascript
流量统计器如何鉴别C#:WebBrowser中伪造referer
2015/01/07 Javascript
JS中完美兼容各大浏览器的scrolltop方法
2015/04/17 Javascript
JavaScript实现横向滑出的多级菜单效果
2015/10/09 Javascript
浅谈原生JS实现jQuery的animate()动画示例
2017/03/08 Javascript
JS实现评价的星星功能
2017/08/20 Javascript
vue内置指令详解
2018/04/03 Javascript
小程序组件之自定义顶部导航实例
2019/06/12 Javascript
详解vue微信网页授权最终解决方案
2019/06/16 Javascript
javascript实现抢购倒计时程序
2019/08/26 Javascript
Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法
2015/03/05 Python
python中日志logging模块的性能及多进程详解
2017/07/18 Python
opencv改变imshow窗口大小,窗口位置的方法
2018/04/02 Python
python多线程之事件Event的使用详解
2018/04/27 Python
使用Python创建简单的HTTP服务器的方法步骤
2019/04/26 Python
python使用wxpy实现微信消息防撤回脚本
2019/04/29 Python
Pytorch修改ResNet模型全连接层进行直接训练实例
2019/09/10 Python
详解基于python-django框架的支付宝支付案例
2019/09/23 Python
详解使用python3.7配置开发钉钉群自定义机器人(2020年新版攻略)
2020/04/01 Python
法学函授自我鉴定
2014/02/06 职场文书
法律进学校实施方案
2014/03/15 职场文书
博士生专家推荐信
2014/09/26 职场文书
班子群众路线教育实践个人对照检查材料思想汇报
2014/09/30 职场文书
校园广播稿100字
2014/10/06 职场文书
2016入党积极分子党课学习心得体会
2015/10/09 职场文书
2016习总书记系列重要讲话心得体会
2016/01/15 职场文书
教你怎么用Python监控愉客行车程
2021/04/29 Python
Python通过loop.run_in_executor执行同步代码 同步变为异步
2022/04/11 Python