浅谈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 相关文章推荐
解密效果
Jun 23 Javascript
JS 自动完成 AutoComplete(Ajax 查询)
Jul 07 Javascript
div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
Aug 29 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
Dec 13 Javascript
JS本地刷新返回上一页代码
Jul 25 Javascript
Node.js中防止错误导致的进程阻塞的方法
Aug 11 Javascript
vue.js加载新的内容(实例代码)
Jun 01 Javascript
angularjs之$timeout指令详解
Jun 13 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
Jan 30 Javascript
JavaScript ES6中的简写语法总结与使用技巧
Dec 30 Javascript
Node实现搜索框进行模糊查询
Jun 28 Javascript
vue postcss-px2rem 自适应布局
May 15 Vue.js
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数组函数序列之array_pop() - 删除数组中的最后一个元素
2011/11/07 PHP
php删除数组元素示例分享
2014/02/17 PHP
php出租房数据管理及搜索页面
2017/05/23 PHP
JScript内置对象Array中元素的删除方法
2007/03/08 Javascript
javascript cookie解码函数(兼容ff)
2008/03/17 Javascript
jQuery隔行变色与普通JS写法的对比
2013/04/21 Javascript
js 页面元素的几个用法总结
2013/11/18 Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
2015/06/30 Javascript
jQuery zTree加载树形菜单功能
2016/02/25 Javascript
Angularjs的Controller间通信机制实例分析
2016/11/07 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
2016/12/15 Javascript
原生Javascript插件开发实践
2017/01/09 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
2017/03/13 Javascript
vue图片加载与显示默认图片实例代码
2017/03/16 Javascript
Javascript实现一个简单的输入关键字添加标签效果实例
2017/06/01 Javascript
React中的render何时执行过程
2018/04/13 Javascript
如何从零开始利用js手写一个Promise库详解
2018/04/19 Javascript
Python黑魔法Descriptor描述符的实例解析
2016/06/02 Python
详解Python中的分组函数groupby和itertools)
2018/07/11 Python
python配置grpc环境
2019/01/01 Python
python opencv判断图像是否为空的实例
2019/01/26 Python
python实现串口自动触发工作的示例
2019/07/02 Python
Django实现auth模块下的登录注册与注销功能
2019/10/10 Python
pytorch对梯度进行可视化进行梯度检查教程
2020/02/04 Python
Python实现多线程下载脚本的示例代码
2020/04/03 Python
DHC美国官网:日本通信销售第一的化妆品品牌
2017/11/12 全球购物
OSPREY LONDON官网:英国本土皮具品牌
2019/05/31 全球购物
计算机专业毕业生求职信
2014/04/30 职场文书
校园安全演讲稿
2014/05/09 职场文书
小学生保护环境倡议书
2014/05/15 职场文书
涉及车辆房产分割的离婚协议书范文
2014/10/12 职场文书
2015年销售内勤工作总结
2015/04/27 职场文书
生产车间管理制度
2015/08/04 职场文书
2016年学校“3.12”植树节活动总结
2016/03/16 职场文书
Python文件的操作示例的详细讲解
2021/04/08 Python
JavaScript流程控制(循环)
2021/12/06 Javascript