JS基础 - bind 用法及简单实现原理

bind 的用法bind 和 call/apply 一样，都是用来改变上下文 this 指向的，不同的是，call/apply 是直接使用在函数上，而 bind 绑定 this 后返回一个函数（闭包），如下：let obj = { init: 1, add: function(a, b) { return a + b + this.init; } } obj.add(1, 2); // 4 let plus = obj.add; plus(3, 4); // NaN，因为 this.init 不存在，这里的 this 指向 window/global plus.call(obj, 3, 4) // 8 plus.apply(obj, [3, 4]); // 8， apply 和 call 的区别就是第二个参数为数组 plus.bind(obj, 3, 4); // 返回一个函数，这里就是 bind 和 call/apply 的区别之一，bind 的时候不会立即执行 plus.bind(obj, 3, 4)(); // 8 bind 的简单实现/

前端开发·教程·资源 · 2022-06-14 · 353 人浏览

JS基础 - this 的应用场景和取值

作为普通函数function fn1() { console.log(this); } fn1(); // window使用call、bind、apply 调用function fn1() { console.log(this); } fn1.call({ name: 'zhangsan' }); // {name: 'zhangsan'} const fn2 = fn1.bind({ name: 'lisi' }); fn2(); // {name: 'lisi'函数的bind是返回一个新的函数作为对象方法调用const fn1 = { name: 'gonwe', sayName() { console.log(this); // {name: 'gonwe'} }, wait() { setTimeout(function () { console.log(this); // window }); } }在箭头函数调用const fn2 = {

前端开发·教程·资源 · 2022-06-12 · 331 人浏览

JS基础 - 作用域和闭包

JS基础 - 作用域和闭包1.作用域作用域：一个变量的合法使用范围全局作用域直接编写在script标签之中或者是一个单独的js文件中的js代码，都是全局作用域。全局作用域在页面打开时创建，页面关闭时销毁；在全局作用域中有一个全局对象window (代表的是一个浏览器的窗口，有浏览器创建)，可以直接使用。所有创建的变量都会作为window对象的属性保存。所有创建的函数都会作为window 对象的方法保存。//在任何地方都可以访问到的变量就是全局变量,对应全局作用域 console.log(this) window函数作用域 (局部作用域)在函数内部就是局部作用域，这个代码的名字只在函数的内部起作用调用函数是创建函数作用域，函数执行完毕之后，函数作用域就销毁；每调用一次函数就会创建一个新的函数作用域，他们之间是相互独立的。块级作用域（ES6 新增）//ES6 块级作用域 if (true) { let x = 100 } console.log(x) // Uncaught ReferenceError: x is not defined //只要使用 let 或者 const

前端开发·教程·资源 · 2022-06-11 · 343 人浏览

JS基础 - 继承、原型以及原型链

如何理解 JS 原型和原型链（隐式原型和显示原型）1.原型ES6中的 class 是一个语法糖，class实际上是一个函数。// 父类（基类） class People { constructor(name, age) { this.name = name; this.age = age; } sayName() { console.log(this.name); } } // 子类使用 extends 关键字 实现继承 class Programmer extends People { constructor(name, type) { // super() 调用父类的构造函数 super(name); this.type = type; } code() { console.log(`${this.name} is 正在写代码`); } job() { console.log(`${

前端开发·教程·资源 · 2022-06-09 · 381 人浏览

JS基础 - 值类型和引用类型

一、JavaScript中值的两种类型简单数据类型：又叫值类型，基本类型。变量中存储的是值本身。// 值类型 let a = 100; let b = a; b = 200; console.log(a) //100;常见值类型包含：String（字符串）、Number(数值)、Boolean(布尔值)、Undefined、Symbol（表示独一无二的值）。let a ; //const 定义必须有值，let不用 const b = 'string'; const c = 123; const d = true; const s = Symbol('s');//ES6 新增类型复杂数据类型：又叫引用类型。变量中存储的仅仅是地址(引用)。// 引用类型 let a = {time:100}; let b = a; b.time = 200; console.log(a) //200;其中包含：Array（数组）、Object(对象)、Null、Function（函数）。// 引用类型 const a = [1,2,3]; const b = {time:100}; // 特殊的引用类型，

前端开发·教程·资源 · 2022-05-17 · 338 人浏览
2020 - 2025 静水流深 . All Rights Reserved.
Theme Jasmine by Kent Liao