给菜鸟准备的javascript教程(5)

引言

this

Javascript 可以在一个对象中绑定函数。称之为这个对象的方法
简言之,方法就是在对象内部用函数来替代属性。

在这里插入图片描述
这个age 键 对应的函数,就是方法。内部使用的是this关键字。

方法内部,this是一个特殊变量,它始终指向当前对象,也就是xiaoming这个变量。所以,this.birth可以拿到xiaoming的birth属性

这个是在
在这里插入图片描述

以对象的方法形式调用,比如xiaoming.age(),该函数的this指向被调用的对象,也就是xiaoming。

为什么 是getAge 而不是 getAge() , 因为我们在定义对象时只是将函数本身赋值给属性,而不是调用它。

如果我们写成 age: getAge(),那么在对象创建时就会立即调用 getAge 函数,并将其返回值赋给 age 属性,而不是将函数本身赋值给 age。

通过 age: getAge,我们可以在需要的时候调用这个函数,例如 xiaoming.age(),这样 getAge 函数才会被执行并返回计算后的年龄。

如果单独调用 getAge() 函数,这时候的 this 指向全局变量,window.

高阶函数

接下来简单的说一下 几个高阶函数,主要从例子来说。

Map

在这里插入图片描述
对于一个数组 arr ,每一个元素都执行平方的运算,得到的结果在放到一个新数组中 results里。

map()作为高阶函数,事实上它把运算规则抽象了,因此,我们不但可以计算简单的f(x)=x2,还可以计算任意复杂的函数,比如,把Array的所有数字转为字符串:

在这里插入图片描述

reduce

注意了,reduce在英语中是减去的意思,但是在javascript中,reduce 实际上是累进计算的意思,就是把结果作为一个参数跟下一个元素一起作用。

Array的reduce()把一个函数作用在这个Array的[x1, x2, x3…]上,把x1,x2 作为参数运算,然后把结果在跟下个x3 一起作为参数 再在reduce函数运算。

比如 对 array 求和。

在这里插入图片描述

如果数组元素只有1个,那么还需要提供一个额外的初始参数以便至少凑够两个在这里插入图片描述

要把[1, 3, 5, 7, 9]数组变换成整数 13579,reduce()也能派上用场:前一位乘以10在跟下一个元素相加,累积进行这一步骤。

let arr = [1, 3, 5, 7, 9];
arr.reduce(function (x, y) {
    return x * 10 + y;
}); 

filter

过滤某些元素,返回剩下的元素。

let arr = [1, 2, 4, 5, 6, 9, 10, 15];
let r = arr.filter(function (x) {
    return x % 2 !== 0;
});
r; 

求余不等于0的数,就是奇数。

sort函数

sort 函数之前有解释 可以参看

添加链接描述

ARRAY

数组还有很多高阶函数,比如

every,every()方法可以判断数组的所有元素是否满足测试条件。

find()方法用于查找符合条件的第一个元素,如果找到了,返回这个元素,否则,返回undefined

findIndex()和find()类似,也是查找符合条件的第一个元素,不同之处在于findIndex()会返回这个元素的索引,如果没有找到,返回-1:

forEach()和map()类似,它也把每个元素依次作用于传入的函数,但不会返回新的数组。forEach()常用于遍历数组,因此,传入的函数不需要返回值:

具体的可以看这篇文章

添加链接描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值