巧记前端易混淆的英文语法

系统管理员 2022-07-19 02:52 56阅读 0赞

> 对于博主这种英语瞎来说，有些语法看几十次技术文档过后还是傻傻搞不清，就是毫无理由的记不住，就好像汉字看久了会不认识一样。于是，博主根据联想记忆法找到一些记忆易混淆语法的窍门，在这里分享给与我有同样痛苦的童鞋。

## even与odd ##

使用场景：多用于CSS的伪类选择器`nth-child(n)`。  
**巧记：**数它们的字母个数，odd有3个字母，3是奇数，所以odd的意思就是奇数；亦然，even有4个字母，为偶数，因此even的意思为偶数。

## row与col ##

使用场景：用于`table` 样式的设置  
**巧记：**首先，看到col中有一个字母l很容易让人联想到->竖竖的->一列，然后，我们知道了col的意思为列，那么row自然代表”行“了。

## unshift与shift（Array的方法） ##

使用场景：数组（Array）对其首尾有增删的4种方法，数组尾端的方法`push`与`pop`很容易根据单词语义理解其用法，而数组首端的增删方法`unshift`与`shift`语义模糊，很难根据字面意思分辨出其用法  
**巧记：** unshift单词可以看成：un **+** shift，关键在‘+’连接符，**‘+’顾名思义为加的操作，加与增意义相近**，所以通过联想记忆，可知`unshift`是对数组首端进行增的操作。亦然，`shift`则是对数组尾端进行删的操作。

## call()与apply() ##

使用场景：这两个方法用法相近，都是调用一个对象的一个方法，以另一个对象替换当前对象。将一个函数的对象上下文从初始的上下文改变为由 第一个参数 指定的新对象。如果没有提供第一个参数，那么 Global 对象被用作 函数所要执行的上下文环境。问题在于他们中的第二个参数哪个可用数组传参，哪个可以用无限多个参数？  
**巧记：** `apply()`方法，注意该方法的第一个字母：a，由**‘a’**联想到**array（数组）**。所以，显而易见，`apply`方法只有两个参数，其中第二个参数使用数组array进行传参。  
(等待再次积累，更新)

## for…of与for…in ##

使用场景：进行对象的循环，分不清的地方在于：他们到底哪个是获取对象的值，哪个是获取对象的属性？  
**巧记：** 可以从单词的语义出发，*of*表示*“…的…”*也就是对象的值了，*in*表示*“在…里面”*，是否这个属性在对象中，这样的话，我们知道了：*for…in* 表示循环会遍历一个object所有的可枚举**属性** ；*for…of* 表示迭代出任何拥有\[Symbol.iterator\] 属性的collection对象的每个元素（**值**）。  
**没理解的想要捷径的同学注意了**：“of”和“in”用英语读分别发两个音和一个音。然后迭代对象每项由两部分组成：属性和值，恰巧读出来也是两个音和一个音，所以他们是这样的：“of值”,“in属性”，都是读出三个音。理解了吗，\*2:**of**对应1:**值**，1:**in**对应2:**属性**，总共是三个音。  
来，跟我读：*of值，in属性。*  
就酱紫了。

> 该条目参阅了MDN相关知识，[链接][Link 1]在此。

[Link 1]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/for...of