入门前端-《JavaScript 语言入门教程-函数和数组》

港控/mmm° 2022-11-03 15:25 114阅读 0赞

# 函数 #

> 函数是一段可以反复调用的代码块。函数还能接受输入的参数，不同的参数会返回不同的值。

## 函数的重复声明 ##

如果同一个函数被多次声明，后面的声明就会覆盖前面的声明。

function f() { 
      console.log(1);
    }
    f() // 2
    
    function f() { 
      console.log(2);
    }
    f() // 2

## toString() ##

函数的toString()方法返回一个字符串，内容是函数的源码。

function f() { 
      a();
      b();
      c();
    }
    
    f.toString()
    // function f() { 
    // a();
    // b();
    // c();
    // }

## 参数的省略 ##

函数参数不是必需的，JavaScript 允许省略参数。

function f(a, b) { 
      return a;
    }
    
    f(1, 2, 3) // 1
    f(1) // 1
    f() // undefined
    
    f.length // 2

上面代码的函数f定义了两个参数，但是运行时无论提供多少个参数（或者不提供参数），JavaScript 都不会报错。省略的参数的值就变为undefined。需要注意的是，函数的length属性与实际传入的参数个数无关，只反映函数预期传入的参数个数。

但是，没有办法只省略靠前的参数，而保留靠后的参数。如果一定要省略靠前的参数，只有显式传入undefined。

function f(a, b) { 
      return a;
    }
    
    f( , 1) // SyntaxError: Unexpected token ,(…)
    f(undefined, 1) // undefined

## eval 命令 ##

eval命令接受一个字符串作为参数，并将这个字符串当作语句执行。

eval('var a = 1;');
    a // 1

# 数组 #

> 数组（array）是按次序排列的一组值。每个值的位置都有编号（从0开始），整个数组用方括号表示。

## 数组的本质 ##

本质上，数组属于一种特殊的对象。typeof运算符会返回数组的类型是object。

typeof [1, 2, 3] // "object"

上面代码表明，typeof运算符认为数组的类型就是对象。

数组的特殊性体现在，它的键名是按次序排列的一组整数（0，1，2…）。

var arr = ['a', 'b', 'c'];
    
    Object.keys(arr)
    // ["0", "1", "2"]

## 清空一个数组 ##

清空数组的一个有效方法，就是将length属性设为0。

var arr = [ 'a', 'b', 'c' ];
    
    arr.length = 0;
    arr // []

## for…in 循环和数组的遍历 ##

for…in不仅会遍历数组所有的数字键，还会遍历非数字键。

var a = [1, 2, 3];
    a.foo = true;
    
    for (var key in a) { 
      console.log(key);
    }
    // 0
    // 1
    // 2
    // foo

所以，不推荐使用for…in遍历数组。

数组的遍历可以考虑使用for循环或while循环。

数组的forEach方法，也可以用来遍历数组，

var colors = ['red', 'green', 'blue'];
    colors.forEach(function (color) { 
      console.log(color);
    });
    // red
    // green
    // blue

end

入门前端-《JavaScript 语言入门教程-函数和数组》

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关入门前端-《JavaScript 语言入门教程-Math对象》

相关入门前端-《JavaScript 语言入门教程-Date对象》

相关入门前端-《JavaScript 语言入门教程-运算符》

相关入门前端-《JavaScript 语言入门教程-函数和数组》

相关入门前端-《JavaScript 语言入门教程-字符串和对象》

相关入门前端-《JavaScript 语言入门教程-导论》

相关入门前端-《JavaScript 语言入门教程-数据类型和数值》

相关入门前端-《JavaScript 语言入门教程-Number对象》

相关入门前端-《JavaScript 语言入门教程-严格模式》

相关入门前端-《JavaScript 语言入门教程-Map和Set》