箭头函数 解构赋值 立即执行函数 (function() )()

Posted 2023-04-18

参考技术A 简化了函数定义的语法结构     

箭头函数中 this 指向

通常我们定义对象的方法，不适用箭头函数，因为我们更希望对象的方法内部this指向该对象本

身。

(1) ES5中，函数内部this指向谁，就看函数是被谁调用的。

(2) ES5严格模式下，普通函数内部this指向 undefined。

(3) ES6的箭头函数中，通过判断箭头函数所在作用域中的this,来确定箭头函数中的this 指向。

直接从people对象中，解构出 name属性 和 age属性。解构的变量名必须和对象的属性名保持一

致。

如果需要重新给变量命名，以下边的语法格式为准：

数组解构 

        封装函数。是为了复用，但是立即执行的函数并不能复用，他只能使用一次，立即执行函数

的意义，是为了隔离作用域，构建私有变量，防止污染全局命名空间，他弥补了js在作用域方面的

缺陷，即ES6之前，js只存在全局作用域和函数作用域

参数和函数形参 到 解构和不完全解构

<span style=“border-left:red;”>函数的参数和形参</span>

声明一个有三个形参的函数 where

function  where(a,b,c){ ... }

而我们调用的时候执行 

where(1,2,3,4,5){....}

此时参数 1、2、3会分别赋值给 a、b、c，参数4、5则不会赋值给任何形参。但是我们已让可以通过 隐式参数 arguments 去得到他们。

<span style=“border-left:red;”>再来看下ES6中的解构</span>