导航
导航

关注作者公众号

和万千小伙伴一起学习

公众号:前端进价之旅

JavaScript之函数表达式&arguments详解

  • Thisarguments
  • 当一个函数运行的时候 函数内部能引用的变量有这么几种

  • AO

  • arguments
  • this
  • 对于argumentsthis函数都有自己的argumentsthis且不进行链式查找

  • arguments是什么?

    • 答:arguments是收到的实参的副本 在词法分析中
    • 首先形参形成AO属性 值为undefined
    • 当实参传来时 再修改AO的相应属性
    • 并把收到的实参收集起来放到一个arguments对象里面 t(a,b,c){}为例:调用 时 t(1,2,3,4,5)个参数 此时AO属性只有a,b,c三个属性 但是arguments1,2,3,4,5所有的值
  • 对于超出形参个数的实参可以通过argument来获得

  • argument的索引从0 1 2..递增 与实参一一对应
  • argument.length属性代表实参个数

    • arguments一定不是数组,但是长得像数组的一个对象而已 虽然也有length属性
  • arguments每个函数都有 因此只会在内部找自身的argument 无法引用到外部的arguments
function t(a,b,c){//参数实际来AO的属性 有几个形参 就形成几个AO属性   arguments就代表这个函数的额参数
console.log(a);//1
console.log(b);//2
console.log(c);//3

console.log(arguments[0]);//1
console.log(arguments[1]);//2
console.log(arguments[2]);//3

a = 90;
console.log(a);//90
console.log(arguments[0]);//90 互为副本 arguments有一个好处 它接收的实际是你传过来的参数 arguments接收的是所有的实参
console.log(arguments[0]);
console.log(arguments[3]);//4
console.log(arguments[4]);//5

}
t(1,2,3,4,5);

//利用 argument的特点完成其他语言的函数重载
//求圆形面积 矩形面积 三角形面积

function area(){
if(arguments.length ==1){
alert(3.14*arguments[0]*arguments[0]);
}else if(arguments.length ==2){
alert(arguments[0]*arguments[1]);
}else if(arguments.length ==3){
alert(arguments[0]+arguments[1]+arguments[2]);
}else{
return null;
}
}
area(10,20,30);
function  t(){
var age = 22;//age在链的AO上
alert(arguments[0]);//1
alert(arguments[1]);//2

function d(){
alert(arguments[0]);//a
alert(arguments[1]);//undefined 此时这个argument不会找到上面的arguments[1]去 只有Ao才会按照链来查找 argument不会按照链查找

}
d('a');
}
t(1,2);
支持一下
扫一扫,支持poetries
  • 微信扫一扫
  • 支付宝扫一扫