浅谈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 19 Javascript
JavaScript 对象的属性和方法4种不同的类型
Mar 19 Javascript
基于JQuery的cookie插件
Apr 07 Javascript
js实现杯子倒水问题自动求解程序
Mar 25 Javascript
『jQuery』.html(),.text()和.val()的概述及使用
Apr 22 Javascript
jquery 重写 ajax提交并判断权限后 使用load方法报错解决方法
Jan 19 Javascript
JS实现两周内自动登录功能
Mar 23 Javascript
JS实现列表页面隔行变色效果
Mar 25 Javascript
JavaScript实现全选取消效果
Dec 14 Javascript
微信小程序实现跑马灯效果完整代码(附效果图)
May 30 Javascript
vue-router动态设置页面title的实例讲解
Aug 30 Javascript
vue+flask实现视频合成功能(拖拽上传)
Mar 04 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
PHP5新特性: 更加面向对象化的PHP
2006/11/18 PHP
一个图形显示IP的PHP程序代码
2007/10/19 PHP
Windows7下的php环境配置教程
2015/02/28 PHP
laravel5表单唯一验证的实例代码
2019/09/30 PHP
动态添加js事件实现代码
2009/03/12 Javascript
js 巧妙去除数组中的重复项
2010/01/25 Javascript
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
JavaScript异步编程:异步数据收集的具体方法
2013/08/19 Javascript
js 与 php 通过json数据进行通讯示例
2014/03/26 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
2015/05/25 Javascript
js实现兼容性好的微软官网导航下拉菜单效果
2015/09/07 Javascript
学习使用jquery iScroll.js移动端滚动条插件
2020/03/24 Javascript
Javascript将数字转化成为货币格式字符串
2016/06/22 Javascript
jQuery实现的导航下拉菜单效果示例
2016/09/05 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
2020/12/31 Javascript
Vue.js实现一个SPA登录页面的过程【推荐】
2017/04/29 Javascript
用JavaScript做简易的购物车的代码示例
2017/10/20 Javascript
angularJs中$http获取后台数据的实例讲解
2018/08/08 Javascript
layui前端框架之table表数据的刷新方法
2018/08/17 Javascript
浅谈ElementUI中switch回调函数change的参数问题
2018/08/24 Javascript
浅析JS中什么是自定义react数据验证组件
2018/10/19 Javascript
vue结合element-ui使用示例
2019/01/24 Javascript
探索JavaScript中私有成员的相关知识
2019/06/13 Javascript
python实现根据文件关键字进行切分为多个文件的示例
2018/12/10 Python
python GUI库图形界面开发之PyQt5复选框控件QCheckBox详细使用方法与实例
2020/02/28 Python
Python为何不支持switch语句原理详解
2020/10/21 Python
美国排名第一的葡萄酒俱乐部:Firstleaf Wine Club
2020/01/02 全球购物
介绍一下JMS编程步骤
2015/09/22 面试题
水电维修专业推荐信
2014/09/06 职场文书
工作作风懒散检讨书
2014/10/29 职场文书
2014年校务公开工作总结
2014/12/18 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书
jdbc使用PreparedStatement批量插入数据的方法
2021/04/27 MySQL
vue判断按钮是否可以点击
2022/04/09 Vue.js
微信小程序 根据不同用户切换不同TabBar
2022/04/21 Javascript
win10重装系统后上不了网怎么办 win10重装系统网络故障的解决办法
2022/07/23 数码科技