JS 参数 DAY62

参数

函式包含哪些参数??

var globalVariable = '全域变数';var obj = {    fn: function(item){        var localVariable = '区域变数';        console.log(item , localVariable , arguments , this , globalVariable);    }}obj.fn('一段描述', 1 , 2);// arguments : 无论传多少参数 都可以接收 (为一个 "类阵列" )

这时候一定会有人纳闷
那参数是否会被提升(hoisting) 覆盖呢??
我们可以看一下例子(拆成2部分)

function fn(a){    console.log(a);    var a; // 宣告无效，因为参数就等同宣告一个变数，故会被忽略当作不存在    console.log(a);    a = '杰伦';    console.log(a); // 若要修改a 必须重新赋予值 }fn('小明');

function fn(a){    console.log(a);    function a(){}     var a;     console.log(a);    a = '杰伦';    console.log(a); }fn('小明');

(拆解上图)

function fn(a){    // 创造阶段    function a(){} // 会提升到最前方  "但不会比传入的参数更前方"    var a; //  宣告无效，因为参数就等同宣告一个变数，故会被忽略当作不存在        // 执行阶段    console.log(a);    console.log(a);    a = '杰伦';    console.log(a); }fn('小明');

所以这里我们得知 参数绝对不会被提升效果覆盖

传入的参数若是物件，一样会维持传参考特性

function fn(item){    item.home = '大明家';}var family = {    home: '小明家'}fn(family);console.log(family); //  { home : '大明家'}

传入的参数为函式

function functionB(fn){    fn('小明');}functionB(function(a){    console.log(a);})

// 我们也可以把函式预先定义好 callback functionfunction fn2(name,i){    console.log(name, i);}function functionB(fn){    fn('小明', 1);}functionB(fn2); // 透过函式表达式传入

arguments 类阵列
并没有绝大多数阵列可使用的方法
如 forEach

function fn(item){    console.log(item,arguments);}fn(1,2,3,'4')

那今天的介绍就到这里
若有任何问题 或 内容有误
都可以跟我说唷