第7章----函数表达式

在这章节，我总结的有四点。函数分类、闭包、this指向和私有变量和函数。

一、函数分类 关于函数，我们可以通过new字符创建，同时也可以通过字面量创建。但是所创建的各个函数有什么区分呢？又有什么分类呢?

1、按照名称分类（注意：只针对函数本身而言） 1.1、非匿名函数 1.2、匿名函数

// 非匿名函数 function nonAnonymous() { console.log('我是非匿名函数') } // 匿名函数 const anonymous = function() { console.log('我是匿名函数') }

2、按照执行情况分类 2.1、非自执行函数 2.2、自执行函数

// 非自执行函数 function nonSelfexec() { console.log('我是非自执行函数') }; // 自执行函数 (function() { console.log('我是自执行函数种类一') }()); //这个分号是必加的，否则报错！js会自动的认为你是匿名函数自调 (function selfexec() { console.log('我是自执行函数种类二') }());

3、在非自执行函数中按照执行方式分类 3.1、非回调函数（显式执行）自己手动定义，自己手动 3.2、回调函数（非显式执行）自己手动定义，事件驱动执行

// 显式调用函数 function nonCallBack() { console.log('我是显式调用函数') }; nonCallBack(); // 回调函数 const arr = [1, 2, 3] const callBack = function(item) { console.log('我是回调用函数') return item < 3 } arr.filter(callBack)

二、闭包 简单来说就是通过return一个函数体，将原先函数内部数据带离到外部，使得原先函数作用域即使被销毁，但是原型链上的变量对象也无法被释放。其缺点会造成内存的泄露。

const test = function() { var count = 0 return function() { count++ return count } } const count = test() console.log(count()) // 1 console.log(count()) // 2 console.log(count()) // 3

注意：所有被return的的函数，所携带调用的数据源只有一个，那就是原函数内部定义的局部变量。因此任何一个return函数对数据的改变都会影响其他return函数内部数据值。

三、this指向 this直白点就是当前执行代码的环境对象，然而具体怎么确定this值，就要看执行环境。

1、在函数及类中的this 1.1、构造函数中：new functionName()返回的是实例对象，也就是其内部的this。而food是指向实例对象的一个地址。就好比：const obj = { code... }

function Food() { this.category = 'food' console.log('thisFood', this) // thisFood Food {category: "food"} } const food = new Food()

1.2、class类中：new className()返回的是实例对象，也就是其内部的this。而a是指向实例对象的一个地址。就好比：const obj = { code... }

class A{ coonstructor() { this.data = 'data' console.log('classA', this) } test() { console.log('classA', this) // classA A } } const a = new A() a.test()

1.3、普通函数 注意：functionName只是一个指向函数体的地址，当我们没有对这个函数做任何的this绑定。在非严格模式中，默认this绑定Window，也就是functionName()等同于Window.functionName()。在严格模式中，禁止this绑定全局，也就是functionName()【执行】时，内部this为undfined。 1）、直接使用，没有this绑定动作

const fun = function() { console.log('funThis', this) } fun() // funThis Window function Food(name, price) { this.category = 'food' fun() } const food = new Food() // funThis Window class A{ coonstructor() { this.data = 'data' console.log('classA', this) } test() { fun() } } const a = new A() a.test() // funThis Window

2）、存在this绑定动作

const fun = function() { console.log('funThis', this) } function Food(name, price) { this.category = 'food' this.fun = fun } const food = new Food() food.fun() // funThis Food {category: "food", fun: ƒ} class A{ constructor() { this.data = 'data' this.fun = fun } } const a = new A() a.fun() // funThis A {data: "data", fun: ƒ}

2、this绑定方式 2.1、’='操作符 '='操作符的this绑定一般适用于在构造函数，类calss中或对象object外操作。比如：this.funName = funName或objName.attrName = funName，将指向函数体的地址拷贝赋值给实例对象中的一个属性值，从而当我们利用这个属性值调用函数体时，其内部this为实例对象。

const fun = function() { console.log('funThis', this) } const obj = {} obj.fun = fun obj.fun() // funThis {fun: ƒ} function Food(name, price) { this.category = 'food' this.fun = fun } const food = new Food() food.fun() // funThis Food {category: "food", fun: ƒ} class A{ constructor() { this.data = 'data' this.fun = fun } } const a = new A() a.fun() // funThis A {data: "data", fun: ƒ}

2.2、’:'操作符 ':'操作符的this绑定一般适用于在对象object中操作。比如：attrName: funName，将指向函数体的地址拷贝赋值给对象中的一个属性值，从而当我们利用这个属性值调用函数体时，其内部this为实例对象。

const fun = function() { console.log('funThis', this) } const obj = { fun: fun } obj.fun() // funThis {fun: ƒ}

2.3、apply/call/bind api文档

2.4、new字符隐式绑定 当我们使用new字符利用构造函数或则类calss时，会创建一个实例对象，并且将其内部this与所创建对象隐式绑定。返回值为实例对象。

function Food() { this.category = 'food' console.log('foodThis', this) } new Food() // foodThis Food {category: "food"} class A{ constructor() { this.data = 'data' console.log('aThis', this) } } new A() // aThis A {data: "data"}

四、私有变量及函数 私有变量有两种方法，一种利用get/set从而使得可以不需要写明属性，已达到私有化目的；另一种则是利用对外暴露一个属性方法，从而操控私有变量和私有方法。

1、利用get/set

function Person(name) { this.get = function() { return name } this.set = function(value) { name = value } } const person = new Person('埋埋') console.log(person.get()) // 埋埋 person.set('chujiu') console.log(person.get()) // chujiu

2、对外暴露（属性方法也可称之为接口吧）

function Person() { let privateVarible = '私有属性' function privateFun() { console.log('私有方法') } this.publicMehod = function () { console.log(privateVarible) return privateFun } } const person = new Person() const privateFun = person.publicMehod() // 私有属性 privateFun() // 私有方法