浅谈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实战_读书笔记1—选择jQuery
Jan 22 Javascript
jQuery学习笔记之2个小技巧
Jan 19 Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
Sep 19 Javascript
JS集成fckeditor及判断内容是否为空的方法
May 27 Javascript
jQuery实现的导航下拉菜单效果示例
Sep 05 Javascript
微信小程序 实战小程序实例
Oct 08 Javascript
jQuery中on方法使用注意事项详解
Feb 15 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
Jul 27 Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
Nov 15 Javascript
迅速了解一下ES10中Object.fromEntries的用法使用
Mar 05 Javascript
vue中 this.$set的用法详解
Sep 06 Javascript
原生javascript中this几种常见用法总结
Feb 24 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防盗链的常用方法小结
2010/07/02 PHP
destoon安装出现Internal Server Error的解决方法
2014/06/21 PHP
PHP使用pear自带的mail类库发邮件的方法
2015/07/08 PHP
php实现统计目录文件大小的函数
2015/12/25 PHP
突发奇想的一个jquery插件
2010/11/19 Javascript
xml转json的js代码
2012/08/28 Javascript
Javascript this 关键字 详解
2014/10/22 Javascript
跟我学习javascript的作用域与作用域链
2015/11/19 Javascript
AngularJs导出数据到Excel的示例代码
2017/08/11 Javascript
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
2018/09/14 Javascript
详解Vue.js iview实现树形权限表(可扩展表)
2018/09/30 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
2019/05/16 Javascript
深度解读vue-resize的具体用法
2020/07/08 Javascript
数据挖掘之Apriori算法详解和Python实现代码分享
2014/11/07 Python
下载与当前Chrome对应的chromedriver.exe(用于python+selenium)
2020/01/14 Python
对pytorch中x = x.view(x.size(0), -1) 的理解说明
2021/03/03 Python
使用css3和jquery实现可伸缩搜索框
2014/02/12 HTML / CSS
关于HTML5语义标签的实践(blog页面)
2016/07/12 HTML / CSS
美国花布包包品牌:Vera Bradley
2017/08/11 全球购物
StubHub美国:购买或出售您的门票
2019/07/09 全球购物
体育纪念品、亲笔签名的体育收藏品:Steiner Sports
2020/07/31 全球购物
写一个方法1000的阶乘
2012/11/21 面试题
Weblogic和WebSphere不同特点
2012/05/09 面试题
科室工作的个人自我评价
2013/10/30 职场文书
行政专员岗位职责
2014/01/02 职场文书
《小松树和大松树》教学反思
2014/02/20 职场文书
《油菜花开了》教学反思
2014/02/22 职场文书
马云北大演讲完整版:真心话,什么才是阿里的核心竞争力?
2014/04/04 职场文书
优秀学生评语大全
2014/04/25 职场文书
保护环境的标语
2014/06/09 职场文书
学校政风行风评议工作总结
2014/10/21 职场文书
2015年学校后勤工作总结
2015/04/08 职场文书
单位同意报考证明
2015/06/17 职场文书
Spring Boot实战解决高并发数据入库之 Redis 缓存+MySQL 批量入库问题
2022/02/12 Redis
Java 轮询锁使用时遇到问题
2022/05/11 Java/Android
小程序实现侧滑删除功能
2022/06/25 Javascript