浅谈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中利用数组实现的循环队列代码
Jan 24 Javascript
JavaScript CSS修改学习第一章 查找位置
Feb 19 Javascript
让低版本浏览器支持input的placeholder属性(js方法)
Apr 03 Javascript
使用jquery制作弹出框效果
Apr 03 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
Apr 18 Javascript
前端性能优化及技巧
May 06 Javascript
JQuery validate插件验证用户注册信息
May 11 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
May 18 Javascript
基于JavaScript实现图片剪切效果
Mar 07 Javascript
Vue.js tab实现选项卡切换
May 16 Javascript
CSS3 动画卡顿性能优化的完美解决方案
Sep 20 Javascript
Javascript中的this,bind和that使用实例
Dec 05 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的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
杨氏矩阵查找的JS代码
2013/03/21 Javascript
jQuery表格行上移下移和置顶的实现方法
2015/10/08 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
2016/01/12 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
2017/02/23 Javascript
vue中render函数的使用详解
2018/10/12 Javascript
JS实现水平遍历和嵌套递归操作示例
2019/08/15 Javascript
element中el-container容器与div布局区分详解
2020/05/13 Javascript
Python 不同对象比较大小示例探讨
2014/08/21 Python
Python 实现选择排序的算法步骤
2018/04/22 Python
Python字符串的常见操作实例小结
2019/04/08 Python
一篇文章彻底搞懂Python中可迭代(Iterable)、迭代器(Iterator)与生成器(Generator)的概念
2019/05/13 Python
Python实现基于SVM的分类器的方法
2019/07/19 Python
Python threading的使用方法解析
2019/08/28 Python
10行Python代码计算汽车数量的实现方法
2019/10/23 Python
解决Keras TensorFlow 混编中 trainable=False设置无效问题
2020/06/28 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
25个CSS3动画按钮和菜单教程分享
2012/10/03 HTML / CSS
详解CSS3的perspective属性设置3D变换距离的方法
2016/05/23 HTML / CSS
浅谈html5 响应式布局
2014/12/24 HTML / CSS
Html5移动端网页端适配(js+rem)
2021/02/03 HTML / CSS
Reebonz中国官网:新加坡奢侈品购物网站
2017/03/17 全球购物
外企求职信范文分享
2013/12/31 职场文书
国税会议欢迎词
2014/01/16 职场文书
小学国庆节活动方案
2014/02/11 职场文书
安全生产标语
2014/06/06 职场文书
车辆工程专业求职信
2014/06/14 职场文书
个性车贴标语
2014/06/24 职场文书
乡镇综治宣传月活动总结
2014/07/02 职场文书
商场父亲节活动方案
2014/08/27 职场文书
2014年保管员工作总结
2014/11/18 职场文书
2014学生会工作总结报告
2014/12/02 职场文书
幼儿园托班开学寄语(2016春季)
2015/12/03 职场文书
MySQL 数据丢失排查案例
2021/05/08 MySQL
uni-app 微信小程序授权登录的实现步骤
2022/02/18 Javascript