浅谈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 相关文章推荐
分享20款好玩的jQuery游戏
Apr 17 Javascript
JavaScript中读取和保存文件实例
May 08 Javascript
javascript学习笔记(八)正则表达式
Oct 08 Javascript
jquery中添加属性和删除属性
Jun 03 Javascript
js 发布订阅模式的实例讲解
Sep 10 Javascript
Vue from-validate 表单验证的示例代码
Sep 26 Javascript
JS判断数组那点事
Oct 10 Javascript
JS解析后台返回的JSON格式数据实例
Aug 06 Javascript
JavaScript设计模式之责任链模式实例分析
Jan 16 Javascript
小程序最新获取用户昵称和头像的方法总结
Sep 23 Javascript
Vue实现开心消消乐游戏算法
Oct 22 Javascript
使用Node.js实现base64和png文件相互转换的方法
Mar 11 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
php中使用redis队列操作实例代码
2013/02/07 PHP
PHP执行批量mysql语句的解决方法
2013/05/02 PHP
php中apc缓存使用示例
2013/12/25 PHP
php读取csv数据保存到数组的方法
2015/01/03 PHP
javascript 处理HTML元素必须避免使用的一种方法
2009/07/30 Javascript
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
2010/01/22 Javascript
js整数字符串转换为金额类型数据(示例代码)
2013/12/26 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
2014/01/25 Javascript
使用js实现数据格式化
2014/12/03 Javascript
浅析BootStrap中Modal(模态框)使用心得
2016/12/24 Javascript
纯js三维数组实现三级联动效果
2017/02/07 Javascript
jquery动态添加带有样式的HTML标签元素方法
2018/02/24 jQuery
浅谈Node.js 沙箱环境
2018/05/15 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
2018/07/23 Javascript
微信小程序按钮去除边框线分享页面功能
2018/08/27 Javascript
ES6如何用一句代码实现函数的柯里化
2020/01/18 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
2020/08/03 Javascript
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
Python实现的最近最少使用算法
2015/07/10 Python
python实现网站的模拟登录
2016/01/04 Python
Python随机生成带特殊字符的密码
2016/03/02 Python
Java编程迭代地删除文件夹及其下的所有文件实例
2018/02/10 Python
使用Python向C语言的链接库传递数组、结构体、指针类型的数据
2019/01/29 Python
Tensorflow分类器项目自定义数据读入的实现
2019/02/05 Python
详解Python二维数组与三维数组切片的方法
2019/07/18 Python
pandas条件组合筛选和按范围筛选的示例代码
2019/08/26 Python
Python创建空列表的字典2种方法详解
2020/02/13 Python
HTML5 自动聚焦(autofocus)属性使用介绍
2013/08/07 HTML / CSS
个性大学生自我评价
2013/12/04 职场文书
网络工程专业自荐信范文
2014/03/16 职场文书
旅游与环境专业求职信
2014/06/05 职场文书
感情真挚的毕业生求职信
2014/07/19 职场文书
2015新学期校长寄语(3篇)
2015/03/25 职场文书
如何撰写创业策划书
2019/06/27 职场文书
Mysql 用户权限管理实现
2021/05/25 MySQL
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB