浅谈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中文入门指南,翻译加实例,jQuery的起点教程
Feb 09 Javascript
html中的input标签的checked属性jquery判断代码
Sep 19 Javascript
javascript文件中引用依赖的js文件的方法
Mar 17 Javascript
JavaScript访问CSS属性的几种方式介绍
Jul 21 Javascript
laytpl 精致巧妙的JavaScript模板引擎
Aug 29 Javascript
js仿百度登录页实现拖动窗口效果
Mar 11 Javascript
JavaScript 函数的执行过程
May 09 Javascript
JavaScript每天必学之数组和对象部分
Sep 17 Javascript
js微信分享实现代码
Oct 11 Javascript
vue 项目 iOS WKWebView 加载
Apr 17 Javascript
React Hooks 实现和由来以及解决的问题详解
Jan 17 Javascript
如何在 Vue 表单中处理图片
Jan 26 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
Yii数据读取与跳转参数传递用法实例分析
2016/07/12 PHP
PHP Laravel 上传图片、文件等类封装
2017/08/16 PHP
ThinkPHP5.1表单令牌Token失效问题的解决
2019/03/22 PHP
PHP基于array_unique实现二维数组去重
2020/07/14 PHP
jQuery toggle()设置CSS样式
2009/11/05 Javascript
iframe 父窗口和子窗口相互的调用方法集锦
2010/12/15 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
2013/11/22 Javascript
AngularJS入门教程之Cookies读写操作示例
2016/11/02 Javascript
mint-ui 时间插件使用及获取选择值的方法
2018/02/09 Javascript
微信小程序自定义prompt组件步骤详解
2018/06/12 Javascript
玩转vue的slot内容分发
2018/09/22 Javascript
从零开始用electron手撸一个截屏工具的示例代码
2018/10/10 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
2019/08/21 Javascript
Javascript实现秒表计时游戏
2020/05/27 Javascript
在Django的模型和公用函数中使用惰性翻译对象
2015/07/27 Python
Windows系统下使用flup搭建Nginx和Python环境的方法
2015/12/25 Python
Python切片索引用法示例
2018/05/15 Python
python logging添加filter教程
2019/12/24 Python
浅析python 定时拆分备份 nginx 日志的方法
2020/04/27 Python
python多进程使用函数封装实例
2020/05/02 Python
Python使用Chrome插件实现爬虫过程图解
2020/06/09 Python
python实现扫雷游戏的示例
2020/10/20 Python
selenium3.0+python之环境搭建的方法步骤
2021/02/01 Python
日本最大美瞳直送网:Morecontact(中文)
2019/04/03 全球购物
大学生最新职业生涯规划书范文
2014/01/12 职场文书
卫校中专生的自我评价
2014/01/15 职场文书
媒体宣传策划方案
2014/05/25 职场文书
房屋租赁授权委托书范本
2014/09/20 职场文书
群众路线自我剖析范文
2014/11/04 职场文书
安全教育片观后感
2015/06/17 职场文书
边城读书笔记
2015/06/29 职场文书
三八节活动简报
2015/07/20 职场文书
运动会加油稿50字
2015/07/21 职场文书
禁毒主题班会教案
2015/08/14 职场文书
2016八一建军节慰问信
2015/11/30 职场文书
python flask框架快速入门
2021/05/14 Python