浅谈javascript对象模型和function对象_javascript技巧

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个参数。

数据类型 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对象了呢,有疑问请留言,大家共同进步。

时间: 2024-11-03 14:28:48

浅谈javascript对象模型和function对象_javascript技巧的相关文章

浅谈JavaScript的push(),pop(),concat()方法_javascript技巧

push 方法 将新元素添加到一个数组中,并返回数组的新长度值. arrayObj.push([item1 [item2 [. . . [itemN ]]]]) 参数 arrayObj 必选项.一个 Array 对象. item, item2,. . . itemN 可选项.该 Array 的新元素. 说明 push 方法将以新元素出现的顺序添加这些元素.如果参数之一为数组,那么该数组将作为单个元素添加到数组中.如果要合并两个或多个数组中的元素,需要使用 concat 方法. 版本要求在:5.5

浅谈JavaScript 数据属性和访问器属性_javascript技巧

在JavaScript中对象被定义为"无序属性的集合,其属性可以包含基本值.对象或函数."通俗点讲,我们可以把对象理解为一组一组的名值对,其中值可以是数据或函数. 创建自定义对象通常有两种方法,第一种就是创建一个Object的实例,然后再为其添加属性和方法,例如: var person = new Object(); person.name = "Scott"; person.age = 24; person.sayName = function(){ alert(

浅谈JavaScript 覆盖原型以及更改原型_javascript技巧

覆盖原型 //囚犯示例 //1.定义原型对象 var proto = { sentence : 4, //监禁年限 probation: 2 //缓刑年限 }; //2.定义原型对象的构造函数 var Prisoner = function(name, id) { this.name = name; this.id = id; }; //3.将构造函数关联到原型 Prisoner.prototype = proto; //4.实例化对象--采用工厂函数实例化对象 var makePrisoner

浅谈Javascript数据属性与访问器属性_javascript技巧

ES5中对象的属性可以分为'数据属性'和'访问器属性'两种. 数据属性一般用于存储数据数值,访问器属性对应的是set/get操作,不能直接存储数据值. 数据属性特性:value.writable.enumerable.configurable. 解释:configurable:true/false,是否可以通过delete删除属性,能否修改属性的特性,能否把属性修改为访问器属性,默认false: enumerable:true/false,是否可以通过for in循环返回,默认false: wr

浅谈javascript中的三种弹窗_javascript技巧

js中三种弹窗 1)alert 弹出警告 无返回值---------alert('第一行\n第二行'); 2)confirm()选择确定或取消,返回t或f----var result = confirm('是否删除!'); 3)prompt()弹出输入框,返回输入内容----var value = prompt('输入你的名字:', '请在这里输入名字'); 当然也可以自定义好看的样式.下面代码有问题明天再改. <script> //window.confirm //prompt window

浅谈Javascript中Object与Function对象_javascript技巧

1.Object对象   原型对象           原型是对象的一个属性,也就是prototype属性,每个对象都有这个内部属性,而且他本身也是一个对象. <script type="text/javascript"> Object.prototype.num= 10; alert("添加原型对象属性:"+ Object.num); Object.num = 20; alert("添加对象属性:"+Object.num); <

浅谈JavaScript中面向对象技术的模拟_javascript技巧

一.引言 在C#和Java语言中,面向对象是以类的方式实现的,特别是继承这个特性,类的方式继承表现出了强大的功能,而且也易于学习.JavaScript不是纯的面向对象的语言,而是基于对象的语言,对象的继承是以原型函数的形式继承的,很多初学者刚开始接触的时候不太理解,但是JavaScript这种以原型函数的形式实现面向对象技术,不仅是可行的,而且还为面向对象技术提供了动态继承的功能,本文主要讨论了JavaScript的面向对象技术. 二.原型对象概述 每个JavaScript对象都有原型对象,对象

浅谈javascript事件取消和阻止冒泡_javascript技巧

取消默认操作 w3c的方法是e.preventDefault(),IE则是使用e.returnValue = false; 在支持addEventListener()的浏览器中,也能通过调用时间对象的preventDefault()方法取消时间的默认操作.不过,在IE9之前的IE中,可以通过设置事件对象的returnValue属性为false来达到同样的效果.下面的代码假设一个事件处理程序,它使用全部的三种取消技术: function cancelHandler(event){ var even

浅谈javascript alert和confirm的美化_javascript技巧

--前言-- window对象的alert和confirm标准方法在不同浏览器的显示效果不太相同,有个相同点是都不是很美观.我们的想法是使用js和css分别仿照它们,提供另一套函数,使在不同浏览器的有着相同的体验效果.  --设计思路-- 为了保留原有的alert和confirm方法,我们不直接替换window对象的alert和confirm,而是新建一个win对象,该对象下有alert.confirm.open.close等.win.alert等的对话框弹出层,使用iframe作底层,确保对话