浅谈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 页面只自动刷新一次
Jul 10 Javascript
客户端 使用XML DOM加载json数据的方法
Sep 28 Javascript
JS将秒换成时分秒实现代码
Sep 03 Javascript
基于node实现websocket协议
Apr 25 Javascript
Web安全测试之XSS实例讲解
Aug 15 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
Dec 08 Javascript
AngularJS使用拦截器实现的loading功能完整实例
May 17 Javascript
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
Jul 31 Javascript
JS和JQuery实现雪花飘落效果
Nov 30 jQuery
vue prop属性传值与传引用示例
Nov 13 Javascript
JavaScript forEach中return失效问题解决方案
Jun 01 Javascript
JS实现超级好看的鼠标小尾巴特效
Dec 01 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 jsonp单引号转义
2014/11/23 PHP
PHP 的比较运算与逻辑运算详解
2016/05/12 PHP
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
2007/02/05 Javascript
让JavaScript 轻松支持函数重载 (Part 1 - 设计)
2009/08/04 Javascript
JavaScript中将一个值转换为字符串的方法分析[译]
2012/09/21 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
2013/08/28 Javascript
使用Js让Html中特殊字符不被转义
2013/11/05 Javascript
cookie中的path与domain属性详解
2013/12/18 Javascript
jQuery中parents()和parent()的区别分析
2014/10/28 Javascript
javascript中Math.random()使用详解
2015/04/15 Javascript
JavaScript中Object.prototype.toString方法的原理
2016/02/24 Javascript
整理关于Bootstrap警示框的慕课笔记
2017/03/29 Javascript
Vue的MVVM实现方法
2017/08/16 Javascript
微信小程序input框中加入小图标的实现方法
2018/06/19 Javascript
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
2019/02/27 jQuery
vue中node_modules中第三方模块的修改使用详解
2019/05/31 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
webpack3升级到webpack4遇到问题总结
2019/09/30 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
2020/03/12 Javascript
ant design vue嵌套表格及表格内部编辑的用法说明
2020/10/28 Javascript
python抓取京东价格分析京东商品价格走势
2014/01/09 Python
Python计算两个日期相差天数的方法示例
2017/05/23 Python
python去除字符串中的换行符
2017/10/11 Python
python通过opencv实现批量剪切图片
2017/11/13 Python
numpy自动生成数组详解
2017/12/15 Python
Pandas:DataFrame对象的基础操作方法
2018/06/07 Python
实例讲解python中的序列化知识点
2018/10/08 Python
python scatter函数用法实例详解
2020/02/11 Python
Python统计文本词汇出现次数的实例代码
2020/02/27 Python
python 追踪except信息方式
2020/04/25 Python
python TCP包注入方式
2020/05/05 Python
pyqt5 textEdit、lineEdit操作的示例代码
2020/08/12 Python
浅谈css3中的前缀
2016/07/20 HTML / CSS
CSS3 函数技巧 用css 实现js实现的事情(clac Counters Tooltip)
2017/08/15 HTML / CSS
求职推荐信范文
2013/12/01 职场文书
成本会计实训报告
2014/11/05 职场文书