![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 52
Andrew_Lii
这个人聪明什么也没有留下...
展开
-
React 教程中的小Demo(TypeScript)
import React from 'react';import './App.css';/** * 定义Square的props类型,在Typescript中必须要定义参数的类型(数据结构),所以将其封装成接口 * 第一可以更好的解耦和复用,第二可以方便修改和管理,props是经常修改的 */export interface SquareProps { value: str...原创 2019-11-13 22:07:29 · 270 阅读 · 0 评论 -
寄生继承
这个和前两种继承方式又有什么不同呢?需要仔细体会function Vehicle() { this.engines = 1;}Vehicle.prototype.igintion = function() { console.log("Turning on my engine.");};Vehicle.prototype.drive = function() { ...原创 2019-08-08 16:01:16 · 136 阅读 · 0 评论 -
实现中的限制
function foo() { let sum = 0; for (let i = 0; i < arguments.length; i++) { sum += arguments[i]; } // 因为 sum += arguments[i] 转化为了字符串 console.log(typeof sum); ...原创 2019-08-08 16:02:12 · 153 阅读 · 0 评论 -
JavaScript中的执行机制
同步任务,异步任务,宏任务,微任务网上有很多讲的很好的文章需要仔细体会setTimeout(function(){ console.log('定时器开始啦')});new Promise(function(resolve){ console.log('马上执行for循环啦'); for(var i = 0; i < 10000; i++){ ...原创 2019-08-08 16:08:10 · 119 阅读 · 0 评论 -
JavaScript快速排序
function quickSort(arr) { if (arr.length <= 1) { return arr; } let num = Math.floor(arr.length / 2); // 防止奇数,去掉小数 let numValue = arr.splice(num, 1); // 获取最初的基准值 let...原创 2019-08-08 16:11:32 · 128 阅读 · 0 评论 -
标签跳转
/*JavaScript当中没有goto语句,我们也不需要goto语句,但是我们可以使用continue和break关键字再加上标签跳转来达到goto语句的效果在这个例子中,continue foo 的意义并不是跳转到标签 foo 所在的位置继续执行,而是执行 foo 循环的下一次迭代所以在这里的 foo 并非 goto */foo: for (let i = 0; i < 4;...原创 2019-08-08 16:12:39 · 203 阅读 · 0 评论 -
Promise解析
Promise 的含义Promise 是异步编程的一种解决方案,比起传统的解决方案如:事件的监听和回调函数,要更加强大。ES6 将其写进了语言标准中,统一了用法,原生提供了Promise对象。所谓 Promise,简单来说就是一个装载着在未来才会开始和结束的事件的容器,Promise 有以下两个特点:Promise 的状态不受外界影响。Promise 中装载着一个在未来才会开始和结束的事件...原创 2019-09-18 20:40:52 · 233 阅读 · 0 评论 -
JavaScript 的执行机制
前言console.log('代码执行开始...');setTimeout(() => console.log('定时器开始了...'));new Promise((resolve, reject) => { console.log('Promise开始了...'); for (let i = 0; i < 10; i++) { i =...原创 2019-09-19 17:07:00 · 175 阅读 · 0 评论 -
原型链继承
和原型继承有什么不同呢?分别的用处是什么呢?需要仔细体会function Parent() { this.name = 'mike';}function Child() { this.age = 12;}Child.prototype = new Parent();let child1 = new Child();console.log(child1.age...原创 2019-08-08 15:54:15 · 154 阅读 · 0 评论 -
原型继承
// 先创造一个父类function Foo(name) { this.name = name; console.log('1 ' + this.name);}// 通过prototype给父类添加一个方法Foo.prototype.myName = function() { return this.name;};// 再创造一个子类function Ba...原创 2019-08-08 15:47:41 · 106 阅读 · 0 评论 -
JavaScript的原型继承
原型继承是JavaScript中另一个让像我这样的初学者困惑的特性。JavaScript有一个无类型的(class-free)对象系统,在这个系统中,对象直接从其他对象中继承属性。《JavaScript语言精粹》中提到这是一个非常强大的特性。但是对于我们这种习惯在Java里那样通过使用“类”来构造对象的初学者来说,原型继承是一个非常陌生的概念。在Java里,继承提供的一个非常重要的服务是,它提供了代原创 2017-11-26 18:18:15 · 206 阅读 · 0 评论 -
JavaScript学习(三):window.onload事件
window.onloadwindow.onload事件主要用来解决JavaScript脚本在运行时获取不到对象的问题。原创 2018-01-01 13:19:04 · 457 阅读 · 0 评论 -
HTML学习(二)
HTML学习(二)原创 2017-12-29 21:33:58 · 293 阅读 · 0 评论 -
JavaScript学习(四):闭包
Js的闭包首先是闭包的定义: 当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前词法作用域之外执行的这段代码清晰地展示了闭包:function foo() { var a = 2; function bar() { console.log(a); } return bar;}var baz = ...原创 2018-11-12 07:23:23 · 130 阅读 · 0 评论 -
Js中的this关键字解析
学习this关键字的第一步是理解:this并不指向函数本身this也不指向函数的词法作用域this是在运行时进行绑定的,并不是在编写代码时绑定的,它的上下文取决于函数调用的各种条件,而和函数的声明位置没有任何关系,只取决于函数的调用方式当一个函数调用时,会创建一个活动记录(有时候也称之为执行上下文),这个记录会包含函数:调用位置调用方式传入的参数信息等等…this就是这个...原创 2018-11-20 09:22:47 · 180 阅读 · 0 评论 -
原生JS实现简单的轮播图
效果如下:很丑,但是本来目的就只是实现基本功能而已CSS:<style> * { margin: 0; padding: 0; } a { text-decoration: none; } .container { ...原创 2019-08-08 15:24:02 · 143 阅读 · 0 评论 -
Map
代码:if(typeof Array.prototype.map === 'function') { Array.prototype.map = function(fn, context) { let arr = []; if(typeof fn === 'function') { for(let i = 0, length = t...原创 2019-08-08 15:30:56 · 105 阅读 · 0 评论 -
千位符
function transform(number) { // 将数字转化为字符串 let string = number + ''; // 新字符串 let newString = ""; // j作计数器,i作引索,因为数字位数的不确定,因此我们从后往前添加,明显是更好的选择 for (let i = string.length - 1, j ...原创 2019-08-08 15:46:46 · 673 阅读 · 0 评论 -
JavaScript的弱类型
学习JavaScript推荐阅读《JavaScript语言精粹》,这真的是一本很好的书,这本书JavaScript这门语言的精粹从糟粕筛选了出来,这种做法可以让我这样的读者很清晰地知道在这门语言中我们应该学习什么而避免学习什么。这样可以节省我们的时间还可以使我们的学习更加“绿色”,因为我们学习的“精粹“而不是”糟粕“。首先JavaScript与其他语言如,C、Java语言反差鲜明的一点是:它是一门弱原创 2017-11-26 01:28:51 · 958 阅读 · 0 评论