浅谈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 相关文章推荐
jQuery 源码分析笔记(2) 变量列表
May 28 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
Aug 24 Javascript
总结jQuery插件开发中的一些要点
May 16 Javascript
Document.body.scrollTop的值总为零的快速解决办法
Jun 09 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
Oct 10 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
Jan 21 Javascript
vuejs如何配置less
Apr 25 Javascript
基于jquery实现多级菜单效果
Jul 25 jQuery
微信小程序的日期选择器的实例详解
Sep 29 Javascript
微信小程序选择图片和放大预览图片功能
Nov 02 Javascript
JavaScript基于用户照片姓名生成海报
May 29 Javascript
JavaScript实现音乐导航效果
Nov 19 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生成月历代码
2007/06/14 PHP
php 遍历数据表数据并列表横向排列的代码
2009/09/05 PHP
PHP5下$_SERVER变量不再受magic_quotes_gpc保护的弥补方法
2012/10/31 PHP
基于php在各种web服务器的运行模式详解
2013/06/03 PHP
PHP三元运算的2种写法代码实例
2014/05/12 PHP
PHP中使用Imagick操作PSD文件实例
2015/01/26 PHP
PHP使用array_merge重新排列数组下标的方法
2015/07/22 PHP
Smarty3配置及入门语法
2017/02/22 PHP
jquery ajax执行后台方法
2010/03/18 Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
2010/09/28 Javascript
jquery win 7透明弹出层效果的简单代码
2013/08/06 Javascript
js实现字符串的16进制编码不加密
2014/04/25 Javascript
在JavaScript应用中实现延迟加载的方法
2015/06/25 Javascript
jQuery Validate插件实现表单强大的验证功能
2015/12/18 Javascript
详解Jquery的事件操作和文档操作
2016/12/19 Javascript
微信小程序 Nginx环境配置详细介绍
2017/02/14 Javascript
微信分享调用jssdk实例
2017/06/08 Javascript
分析javascript原型及原型链
2018/03/18 Javascript
浅谈VUE单页应用首屏加载速度优化方案
2018/08/28 Javascript
NodeJS加密解密及node-rsa加密解密用法详解
2018/10/12 NodeJs
javascript json字符串到json对象转义问题
2019/01/22 Javascript
使用Vue 实现滑动验证码功能
2019/06/27 Javascript
element-ui中按需引入的实现
2019/12/25 Javascript
jQuery实现的移动端图片缩放功能组件示例
2020/05/01 jQuery
javascript实现智能手环时间显示
2020/09/18 Javascript
Python fileinput模块使用实例
2015/05/28 Python
在Django的视图(View)外使用Session的方法
2015/07/23 Python
利用Python画ROC曲线和AUC值计算
2016/09/19 Python
手写一个python迭代器过程详解
2019/08/27 Python
python打包成so文件过程解析
2019/09/28 Python
Python如何转换字符串大小写
2020/06/04 Python
python 实现压缩和解压缩的示例
2020/09/22 Python
介绍一下如何优化MySql
2016/12/20 面试题
毕业生自荐信的主要内容
2013/10/29 职场文书
心理健康教育制度
2014/01/27 职场文书
2015年英语教研组工作总结
2015/05/23 职场文书