`Duet` - 博客园

2021年7月26日

摘要： js内存结构基本概念分类：原始类型（值类型、基本类型）：Number、String、Boolean、null、undefined 引用类型：Object // 原始数据类型 let str1 = "hello"; let str2 = str1; // str2 : hello str1 = 阅读全文

posted @ 2021-07-26 20:39 `Duet` 阅读(50) 评论(0) 推荐(0) 编辑

call、apply、bind的基本概念

摘要： call、apply、bind call是一个方法，是函数的方法 function fun(){ console.log("hello world") } call可以调用函数 fun.call() // hello world call可以改变函数中this的指向 function fun(){ 阅读全文

posted @ 2021-07-26 20:32 `Duet` 阅读(41) 评论(0) 推荐(0) 编辑

2021年7月25日

this关键字用法详解

摘要： this关键字的使用方法 1.全局环境输出this，指向谁？直接输出this指向全局对象 console.log(this) // 全局window 2.全局环境输出this，指向谁？全局函数其实就是window（全局对象）的方法 function fn(){ console.log(this) 阅读全文

posted @ 2021-07-25 16:48 `Duet` 阅读(245) 评论(0) 推荐(0) 编辑

2021年7月23日

原型对象（三）原型继承与原型链

摘要：原型继承 // ES5继承：prototype function User(username,password){ this.username = username this.password = password this.login = function () { console.log("登录阅读全文

posted @ 2021-07-23 15:22 `Duet` 阅读(28) 评论(0) 推荐(0) 编辑

2021年7月21日

原型对象（二）类与继承

摘要： ES6类的基本语法例： class Cat { constructor(name,age){ this.name = name this.age = age } } Cat.prototype.eat = function() { console.log("吃鱼") } let cat = new 阅读全文

posted @ 2021-07-21 22:07 `Duet` 阅读(29) 评论(0) 推荐(0) 编辑

原型对象（一）原型的基本概念

摘要：原型对象什么是原型？每一个对象都有他的原型对象，他可以使用自己原型对象上的所有属性和方法获取原型的方法通过对象的__proto__获取例： let cat = { name:"喵喵" } cat.__proto__.eat = function(){ console.log("吃鱼") } 阅读全文

posted @ 2021-07-21 21:47 `Duet` 阅读(392) 评论(0) 推荐(0) 编辑

回调地狱与Promise对象（二）

摘要： promise // promise对象 // resolve可以将异步数据传递出来 let p = new Promise(function(resolve){ resolve("hello world") }) // 通过then拿到异步数据 p.then(function(data){ con 阅读全文

posted @ 2021-07-21 20:26 `Duet` 阅读(27) 评论(0) 推荐(0) 编辑

回调地狱与Promise对象（一）

摘要：回调地狱 // 获取奶茶的方法 function getTea(fn){ setTimeout(() => { fn("奶茶") },1000) } // 获取火锅的方法 function getHotpot(fn){ setTimeout(() => { fn("火锅") },2000) } // 阅读全文

posted @ 2021-07-21 17:12 `Duet` 阅读(23) 评论(0) 推荐(0) 编辑

防抖与节流（三）

摘要：节流 <style> body{ height: 2000px; } </style> 节流的概念和作用 // 节流：控制执行次数 // 节流的作用：控制高频事件执行次数 window.onscroll = throttle(function(){ console.log("hello world" 阅读全文

posted @ 2021-07-21 16:54 `Duet` 阅读(18) 评论(0) 推荐(0) 编辑

防抖与节流（二）

摘要：封装一个用防抖的函数 <input type="text"> 封装代码 let inp = document.querySelector('input') inp.oninput = debounce(function(){ console.log(this.value) },500) // 防抖阅读全文

posted @ 2021-07-21 16:29 `Duet` 阅读(19) 评论(0) 推荐(0) 编辑

公告