浅谈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 相关文章推荐
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
Aug 16 Javascript
关于jquery append() html时的小问题的解决方法
Dec 16 Javascript
jQuery aminate方法定位到页面具体位置
Dec 26 Javascript
JS创建自定义表格具体实现
Feb 11 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
Jun 27 Javascript
原生javascript实现图片按钮切换
Jan 12 Javascript
jquery实现叠层3D文字特效代码分享
Aug 21 Javascript
将List对象列表转换成JSON格式的类实现方法
Jul 04 Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
Sep 30 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)
Jan 21 Javascript
Vue 过渡实现轮播图效果
Mar 27 Javascript
详解Vue + Vuex 如何使用 vm.$nextTick
Nov 20 Javascript
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
收音机发烧友应当熟知的100条知识
2021/03/02 无线电
php笔记之:php函数range() round()和list()的使用说明
2013/04/26 PHP
深入分析php之面向对象
2013/05/15 PHP
php插入排序法实现数组排序实例
2015/02/16 PHP
php数组指针操作详解
2017/02/14 PHP
PHP实现随机数字、字母的验证码功能
2018/08/01 PHP
详解php伪造Referer请求反盗链资源
2019/01/24 PHP
YUI 读码日记之 YAHOO.lang.is*
2008/03/22 Javascript
TBCompressor js代码压缩
2011/01/05 Javascript
js控制frameSet示例
2013/09/10 Javascript
jQuery获取标签文本内容和html内容的方法
2015/03/27 Javascript
JS打字效果的动态菜单代码分享
2015/08/21 Javascript
详解JavaScript中的4种类型识别方法
2015/09/14 Javascript
vue.js element-ui validate中代码不执行问题解决方法
2017/12/18 Javascript
JavaScript callback回调函数用法实例分析
2018/05/08 Javascript
Vue项目服务器部署之子目录部署方法
2019/05/12 Javascript
nodejs实现的http、https 请求封装操作示例
2020/02/06 NodeJs
基于Vant UI框架实现时间段选择器
2020/12/24 Javascript
[02:38]DOTA2英雄基础教程 噬魂鬼
2014/01/03 DOTA
python选择排序算法的实现代码
2013/11/21 Python
Mac下Supervisor进程监控管理工具的安装与配置
2014/12/16 Python
10个易被忽视但应掌握的Python基本用法
2015/04/01 Python
python中将zip压缩包转为gz.tar的方法
2018/10/18 Python
Python合并同一个文件夹下所有PDF文件的方法
2019/03/11 Python
Python实现钉钉订阅消息功能
2020/01/14 Python
移动端html5 meta标签的神奇功效
2016/01/06 HTML / CSS
Mytheresa英国官网:拥有160多个奢侈品品牌
2016/10/09 全球购物
Lenox官网:精美的瓷器&独特的礼品
2017/02/12 全球购物
优秀食品类广告词
2014/03/19 职场文书
生产助理岗位职责
2014/06/18 职场文书
社区两委对照检查材料
2014/08/23 职场文书
小学国旗下的演讲稿
2014/08/28 职场文书
党的群众路线教育实践活动制度建设计划方案
2014/10/31 职场文书
生日宴会家属答谢词
2015/09/29 职场文书
让人瞬间清醒的句子,句句经典,字字如金
2019/07/08 职场文书
Spring JPA 增加字段执行异常问题及解决
2022/06/10 Java/Android