廖雪峰js教程笔记 1

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了廖雪峰js教程笔记 1相关的知识,希望对你有一定的参考价值。

遍历Array可以采用下标循环,遍历MapSet就无法使用下标。为了统一集合类型,ES6标准引入了新的iterable类型,ArrayMapSet都属于iterable类型。

具有iterable类型的集合可以通过新的for ... of循环来遍历。

 

然而,更好的方式是直接使用iterable内置的forEach方法,它接收一个函数,每次迭代就自动回调该函数。以Array为例:

var a = [‘A‘, ‘B‘, ‘C‘];
a.forEach(function (element, index, array) {
    // element: 指向当前元素的值
    // index: 指向当前索引
    // array: 指向Array对象本身
    alert(element);
});

注意forEach()方法是ES5.1标准引入的,你需要测试浏览器是否支持。

SetArray类似,但Set没有索引,因此回调函数的前两个参数都是元素本身:

var s = new Set([‘A‘, ‘B‘, ‘C‘]);
s.forEach(function (element, sameElement, set) {
    alert(element);
});

Map的回调函数参数依次为valuekeymap本身:

var m = new Map([[1, ‘x‘], [2, ‘y‘], [3, ‘z‘]]);
m.forEach(function (value, key, map) {
    alert(value);
});

如果对某些参数不感兴趣,由于javascript的函数调用不要求参数必须一致,因此可以忽略它们。例如,只需要获得Arrayelement

var a = [‘A‘, ‘B‘, ‘C‘]; a.forEach(function (element) { alert(element); });

 

 

定义函数

在JavaScript中,定义函数的方式如下:

function abs(x) {
    if (x >= 0) {
        return x;
    } else {
        return -x;
    }
}

上述abs()函数的定义如下:


  • function指出这是一个函数定义;
  • abs是函数的名称;
  • (x)括号内列出函数的参数,多个参数以,分隔;
  • { ... }之间的代码是函数体,可以包含若干语句,甚至可以没有任何语句。

请注意,函数体内部的语句在执行时,一旦执行到return时,函数就执行完毕,并将结果返回。因此,函数内部通过条件判断和循环可以实现非常复杂的逻辑。

 
如果没有return语句,函数执行完毕后也会返回结果,只是结果为undefined

由于JavaScript的函数也是一个对象,上述定义的abs()函数实际上是一个函数对象,而函数名abs可以视为指向该函数的变量。

因此,第二种定义函数的方式如下

    }
};

在这种方式下,function (x) { ... }是一个匿名函数,它没有函数名。但是,这个匿名函数赋值给了变量abs,所以,通过变量abs就可以调用该函数。

上述两种定义完全等价,注意第二种方式按照完整语法需要在函数体末尾加一个;,表示赋值语句结束。

 

调用函数


调用函数时,按顺序传入参数即可:


abs(10); // 返回10
abs(-9); // 返回9

由于JavaScript允许传入任意个参数而不影响调用,因此传入的参数比定义的参数多也没有问题,虽然函数内部并不需要这些参数:


abs(10, ‘blablabla‘); // 返回10
abs(-9, ‘haha‘, ‘hehe‘, null); // 返回9

传入的参数比定义的少也没有问题:


abs(); // 返回NaN

此时abs(x)函数的参数x将收到undefined,计算结果为NaN


要避免收到undefined,可以对参数进行检查:



以上是关于廖雪峰js教程笔记 1的主要内容,如果未能解决你的问题,请参考以下文章

廖雪峰js教程笔记3

廖雪峰教程笔记:js中map和reduce的用法

廖雪峰js教程笔记4 sort排序的一些坑

廖雪峰js教程笔记7 基本类型和包装类型

廖雪峰js教程笔记9 json

廖雪峰js教程笔记8 date对象介绍和处理