return,this,arguments,currentStyle和getComputedStyle小析

Posted 2020-07-31 冯小漂儿

一、return返回值：
1、函数名+括号：fn()==>return 后面的值
2、所有函数默认返回值：未定义
3、return后面的任何代码都不会执行
二、this：当前对象
1、当某个对象后边加事件等于某个函数时，函数中出现的this是指当前的那个对象
2、当函数中包含另一个函数时，另一个函数中的this指的是另一个函数对象
三、arguments:实参的集合
1、当调用没有形参的函数时传了参数，实参就会保存在arguments的实参集合中
eg:fn(1,2,3)
function fn(){
alert(arguments[0]);
alert(arguments.length);
}
2、arguments既能读，又能写，当存在于有形参的函数下时，arguments改的内容是根据实参创建的新的内容，外面实参没有发生变化

应用：当函数的参数个数无法确定的时候，采用arguments
四、currentStyle和getComputedStyle应用：
获取浏览器计算后的样式：
getComputedStyle   //标准浏览器，IE不认识
.currentStyle   //IE浏览器，标准不认识
解决：
if(元素.currentStyle){alert(元素.currentStyle.width)}
else{getComputedStyle(元素).width}

注：1.只能通过这种方法得到单一的样式（复合样式在不同浏览器下得到的内容不同），而且不能用得到的样式做判断
2.填写要获取的样式时不能有空格
3.不要获取未设置的样式:不兼容