js中arguments的应用

arguments数组的操作

arguments是一个类数组对象,这个数组里面保存的是传递给一个函数的参数

例子:求和

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

<script>

function sum(){

  var result = 0;

  for(var i = 0;i<arguments.length;i++){

    result+=arguments[i];

  }

  return result;

}

window.onload = function(){

  alert(sum(1,2,3,4,5,6,7));

}

</script>

</head>

<body>

</body>

</html>

如上所示,参数‘1,2,3,4,5,6‘作为arguments的元素存储在arguments数组中,通过数组的遍历累加进行求和处理。最后弹出显示框为求和结果

不同内核浏览器获取外部样式的方式

CSS添加样式的方式有三种:行内样式、内嵌式、外部样式。

通常通过js获取样式的方式是:oDiv.style[width],但是这种方法有局限性,只能获取行内样式的属性,针对不同内核浏览器有不同的方式对该问题进行了处理

ie:oDiv.currentStyle[name]

frifox:getComputedStyle(obj,false)[name]

美中不足的是该两种方法只能获取属性,但无法对属性进行修改

例子

假定有这样一个div:<div id="div1" style="width:200px; height:200px; background-color:red"/>

<script>

  function getStyle(obj,name){

    if(obj.currentStyle){ //只适合ie浏览器,

       return obj.currentStyle[name];

    }else{

      return getComputedStyle(obj,false)[name];//适合ie9及以上+火狐浏览器

    }

  }

  window.onload = function(){

    var oDiv = document.getElementById("div1");

    getStyle(oDiv,"width");

  }

  

</script>

原文地址:https://www.cnblogs.com/luxiaohu/p/8454652.html

时间: 2024-08-04 00:16:27

js中arguments的应用的相关文章

js 中arguments的应用

在js中每个函数类都有一个Arguments对象实例arguments,.首先他不是一个数组,可以说算一个伪数组,但是用数组的索引形式也能获取到他的值,如 let len = arguments.length;表示函数参数的个数 arguments[0]表示第一个参数 在函数中使用它的好处就是这个函数在多处调用且参数有不是必须传递的,这样可以利用arguments来处理,解决了不需要的参数也要传递的问题 在实际应用中分装的函数中使用了一下,有不对的和需要改进的地方,还请大家多多指教,一起学习 e

浅谈js中arguments对象

一.先来看看到底是个啥? arguments对象在JS中应该算数比较特殊的对象.不能显示的创建,只在当前函数调用的时候才可以使用,长得有点像数组,但绝对不是Array的实例. 几点说明: 1.1.arguments实际上是当前函数的一个内置属性,在当前函数内,函数名.arguments等价于arguments,在函数外单独使用arguments是没有意义的; 1.2.arguments对象的长度由实际参数个数决定.1.3.函数中的形参和实参是可以相互影响的. 可以看出,当传入的实参个数少于形参个

js中arguments的用法

本文导读:Javascript并没有重载函数的功能,但是Arguments对象能够模拟重载.Javascrip中国每个函数都会有一个Arguments对象实例arguments,它引用着函数的实参,可以用数组下标的方式"[]"引用arguments的元素.arguments.length为函数实参个数,arguments.callee引用函数自身. arguments特性 arguments对象不能显式创建,arguments对象只有函数开始时才可用.函数的 arguments 对象并

JS中arguments

对象数组:主要保存函数参数 属性:cellee,指向拥有arguments对象的函数. 返回正被执行的Function 对象,            也就是所指定的 Function 对象的正文.callee 属性是 arguments 对象的一个成员,仅当相关函数正在执行时才可用.         This:函数调用语句所在作用域.函数的调用者. { Argument的个数是由实参决定的,不是形参决定的 对于arguement和形参,实参值都存在的情况下,形参和arguement是同步的,否则

js中arguments,caller,callee,apply的用法小结

<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <style type="text/css"> *{padding: 0;margin: 0;} #img{position: absolute;} </style> </head> <body> <img id="img" src=&quo

js中arguments的作用

在javascript函数体内,标识符arguments具有特殊含义.它是调用对象的一个特殊属性,用来引用Arguments对象. Arugments对象就像数组,注意这里只是像并不是哈. javascript函数体内,arguments像数组(并不是真的数组,是一个Arguments对象, 再次强调)一样,有length属性,可以代表传给函数的参数的个数. 引用一个形式参数可以用参数名,也可以用arguments[]数组形式,其中arguments[0]表示第一个参数. arguments.l

js中arguments的使用

每个函数的内部都有一个arguments对象,该对象有一个属性length 1:如果实参比形参多,会从左往右进行匹配,当然多出来的实参也不会丢失,所有的实参都会保存在arguments对象中, 该对象是一个Object类型的,可以在函数内部遍历arguments对象,获取每一个实参的值. 2:如果实参比形参少,一样会从左往右进行匹配,多出来的形参的值就是,undefined类型的. 原文地址:http://blog.51cto.com/11871779/2119016

在js中arguments对象的理解

一.在函数调用的时候,浏览器每次都会传递进两个隐式参数 函数的上下文对象this 封装实参的对象arguments 二.arguments 对象 arguments 对象实际上是所在函数的一个内置类数组对象 每个函数都有一个arguments属性,表示函数的实参集合,这里的实参是重点,就是执行函数时实际传入的参数的集合.arguments不是数组而是一个对象,但它和数组很相似,所以通常称为类数组对象,以后看到类数组其实就表示arguments.arguments对象不能显式的创建,它只有在函数开

JS中的循环结构、循环嵌套以及函数介绍

[循环结构的步骤]    *①声明循环变量    *②判断循环条件    *③执行循环体(while的{}中的所有代码)操作     *④更新循环变量    *     * 然后,循环执行②③④    *     *     * [JS中循环条件支持的数据类型]    * ①boolean:true 真     false   假    * ②string: 非空字符串为真       空字符串为假    * ③null/NaN/undefined:  全为假    * ④object:全为真