~~~
// 上下文有三种调用方式,call,apply,bind
function f1() {
console.log(this);
}
// call方法的第一个参数决定了函数内部的this值,apply可以替换call
f1.call([1,2,3]);
f1.call({name:"test", age:11});
f1.call(1);
f1.call("abc")
f1.call(true);
f1.call(false);
f1.call(undefined);
/**
* 总结:
* 1. 第一个参数是对象,函数内部this指向该对象
* 2. 是undefeated,this指向window
* 3. 数字, Number构造函数实例, new Number(1)
* 字符串, new String("abc")
* 布尔值, new Boolean(false)
*/
~~~
### call vs apply
```
1. 都可以改变函数内部this的指向
2. 传参的形式不同
```
```
function toString(a,b,c){
console.log(a+" "+b+" "+c);
}
toString.call(null,1,3,5) //"1 3 5"
toString.apply(null,[1,3,5])//"1 3 5"
```
### bind
- 语言
- Javascript
- 简介
- 常量变量
- var
- let
- const
- 解构赋值
- 数据类型
- 简单数据类型
- Undefined
- Null
- Boolean
- Number
- String
- 引用数据类型
- Object
- Array
- Json
- 闭包
- 闭包中的变量
- 函数
- 函数参数
- arguments
- rest
- 传值方式
- 调用方式
- 函数调用
- 方法调用
- 构造函数
- 上下文
- 箭头函数
- 异步
- promise
- async/await
- 面向对象
- 简介
- 构造函数
- 创建对象
- 工厂模式
- 构造函数模式
- 原型模式
- 构造函数/原型组合模式
- 继承
- 什么是继承
- 怎么继承
- 原型链继承
- 拷贝继承
- 原型式继承
- 借用构造函数
- 对象扩展
- Object.assign
- 类
- 定义
- 类的继承
- 模块
- 定义模块
- 导入模块
- 简介
- 垃圾回收
- Typescript
- 简介
- 搭建环境
- 数据类型
- boolean
- number
- string
- array
- enum
- any
- void
- 类型推测
- 联合类型
- 类
- 定义
- 继承
- 封装
- static
- 函数
- 定义
- 参数
- 接口
- 属性类型接口
- 函数类型接口
- 数组类型接口
- 类类型接口
- 泛型
- 泛型函数
- 泛型类
- 模块
- 定义
- Node.js
- 简介
- IO优势
- Node与V8
- 内部机制
- 多线程
- 并发支持
- libuv
- 创建项目
- 安装Node
- 创建项目
- 全局对象
- console
- path
- process
- I/O
- 系统信息
- 命令行
- Buffer
- 模块
- 创建模块
- 导入模块
- 系统模块
- fs
- stat
- fstat
- 读
- 写
- http
- 服务端
- 客户端
- stream
- 4种基本类型
- event
- 事件监听
- 继承
- child_process
- spawn
- fork
- path
- url
- 三方模块
- socket.io
- 安装
- 例子
- server
- client
- redis
- 安装
- 编码
- 数据类型
- 键值对
- 散列表
- 列表
- 集合
- 发布订阅
- mongodb
- express
- mssql
- pm2
- qrcode
- ua-parse-js
- cpr
- js-cookie
- whatwg-fetch
- ora
- shelljs
- log4js
- Dart
- 框架
- Vue
- 简介
- 基础
- 声明式渲染
- Vue实例
- 模板语法
- 插值
- 文本
- 原始Html
- 特性
- js表达式
- 指令