function 函数传参,不定参,return返回值

来源：互联网发布：网络调查平台编辑：程序博客网时间：2024/05/17 22:32

函数传参:

function fn(形参){

console.log(形参);

}

fn(实参);

不定参: arguments

arguments: 不定参函数的所有参数的集合数组形式

只能在函数中使用

类似数组,保存实际传入的参数的集合

拥有length属性

可用下标获取实际参数中对应的值

举个栗子``��:

function fn(){

console.log(arguments);

}

fn(1,2);

不定参求和栗子``��;

function fn(){

var num = 0;

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

num += arguments[i];

}

console.log(num);

}

fn(1,2,3,4,5,6);

函数返回值:(return)

当我们需要在函数外边拿到函数执行的结果时,就需要使用函数返回值;

为什么使用函数返回值:—方便函数复用

函数执行完成后都有返回值

不使用return默认返回值为undefined

使用return 返回值为return后面的值

return的一些问题:

1,return只能用在函数中;

2,在函数中 return后面的代码就不再执行了;

getComputedStyle():获取计算后样式

getComputedStyle(要获取样式的元素)["样式名"];

1. 颜色值拿到的是 rgb样式

2. getComputedStyle只能获取不能设置

3. IE6.7.8不支持 getComputedStyle

要获取样式的元素.currentStyle["样式名"];

1. 不能获取复合样式

2. 只兼容IE8包含IE8之前的IE浏览器

处理兼容问题方法:

#box {

width: 100px;

height: 100px;

background: red;

}

</style>

function $(id){

return document.getElementById(id);

}

function css(el,attr){

if(el.currentStyle) {

return el.currentStyle[attr];

}

return getComputedStyle(el)[attr];

}

window.onload = function() {

var box = $("box");

alert(css(box,"width"));

};

</script>

</head>

<body>

</body>

</html>

1 0