
JavaScript
我是你要找的bug
这个作者很懒,什么都没留下…
展开
-
留言板提交
留言板提交$(function () { $('#btn').on('click', function () { var kcontent = $('#content').val(); var kuser = $('#userName').val(); var kphone = $('#userPhone').val(); // var kadd = $('.useradd').val(); var kcode = $原创 2021-05-21 10:07:01 · 321 阅读 · 0 评论 -
JS异步之宏队列与微队列
异步任务都放到“任务队列”中执行 队列分为宏队列和微队列setTimeout(()=>{//会立即放入宏队列 console.log("timeout callback()")},0)Promise.resolve(1).then( value=>{ //会立即放入微队列 console.log("Promise onResolved()",value) }...原创 2020-03-31 21:38:03 · 360 阅读 · 1 评论 -
Javascript运行机制
一、 为什么Javascript是单线程?javascript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么javascript不能有多个线程呢?这样可以提高效率呀。。。Javascript的单线程,与他的用途有关。作为浏览器脚本语言,javascript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。比如,假定javasc...转载 2020-03-25 11:11:23 · 241 阅读 · 0 评论 -
JS设计模式
文章目录一、工厂模式二、构造函数模式三、原型模式四、单例模式一、工厂模式解决了创建过个对象的问题,但没有解决对象识别的问题(怎样知道一个对象的类型)优点:避免创建多次对象function Factory(n,s){ //创建一个对象 var obj={}; obj.name=n; obj.sex=s; obj.sleep=function(){ ...原创 2020-03-19 23:41:49 · 134 阅读 · 0 评论 -
JS里的对象继承方式
文章目录一、原型链继承prototype原型对象继承二、构造继承(call、apply继承)三、实例继承四、拷贝继承五、组合继承六、寄生组合继承一、原型链继承prototype原型对象继承Var arr=new Array();console.log(arr);//数组对象继承的是Array对象 prototype继承的console.log(Array.prototype);//ar...原创 2020-03-18 16:29:50 · 243 阅读 · 0 评论 -
ES6(一)
文章目录一、 解构赋值数组解构对象解构二、箭头函数箭头函数中的this关键字三、扩展符剩余参数Array的扩展方法四、类的继承 super关键字一、 解构赋值ES6中可以从数组中提取值,按照对应的位置,对变量赋值,对象也可以实现解构。数组解构let[a,b,c,d]=[1,2,3];console.log(a);//1console.log(b);//2console.log(c);...原创 2020-03-13 10:51:38 · 146 阅读 · 0 评论 -
let 、 const关键字
letES6中新增的用于声明变量的关键字let声明的变量只在所处的块级作用域{ }中有效if (true){ let a=10; }console.log(a);// 报错a is not defined块级作用域的好处是:在业务逻辑比较复杂的时候,能够防止内层变量覆盖外层变量防止循环变量变成全局变量for(var i=0;i<2;i++){}console.l...原创 2020-03-12 19:46:23 · 198 阅读 · 0 评论 -
闭包和递归的深度理解
文章目录一、变量作用域二、闭包三、闭包的作用一、变量作用域变量根据作用域的不同分为两种:全局变量和局部变量1、函数内部可以使用全局变量2、函数外部不可以使用局部变量3、当函数执行完毕,本作用域内的局部变量会销毁二、闭包闭包指有权访问另一个函数作用域中变量的函数(闭包是一个函数)function fn(){ var num=10; function fun(){ ...原创 2020-03-10 13:43:45 · 570 阅读 · 0 评论 -
利用原型对象继承方法
文章目录一、用构造函数继承父类型属性二、利用原型对象继承父类型方法一、用构造函数继承父类型属性可以通过构造函数+原型对象实现继承,称为组合继承核心原理:通过call()把父类的this指向子类的this,这样就可以实现子类型继承父类型的属性1、父构造函数function Father(uname,age){//this指向父构造函数的对象实例 this.uname=uname;...原创 2020-03-09 12:56:13 · 583 阅读 · 0 评论 -
原型 原型链
文章目录一、构造函数和原型二、原型三、对象原型__proto__四、constructor 构造函数五、原型链六、原型对象this指向一、构造函数和原型创建对象可以通过以下三种方式:1、对象字面量var obj2={ };2、new Object()var obj1=new Object();3、自定义构造函数(对象有很多的公共属性和方法 抽取出来做一个模板 然后再大量的生产对象)...原创 2020-03-08 22:52:00 · 177 阅读 · 0 评论 -
函数对象的call和apply方法
call() 和 apply()1、这两个方法都是函数对象的方法,需要通过函数对象来调用2、当对函数调用call()和apply()都会调用函数执行3、在调用call()和apply()时,可以将一个对象指定为第一个参数 此时这个对象将会成为函数执行时的this4、call()方法可以将实参在对象之后依次传递5、apply()方法需要将实参封装到一个数组中统一传递<scrip...原创 2020-02-24 13:29:28 · 352 阅读 · 0 评论 -
JS Date对象 倒计时案例
Date对象Date用来处理日期和时间 Date对象基于1970年1月1日(世界标准时间)起的毫秒数Date() 日期对象 是一个构造函数 必须使用new 来调用创建我们的日期对象使用Date 如果没有参数 返回的是当前系统的当前时间 var date=new Date(); console.log(date);//返回当前系统的当前时间参数常用写法 数字型 2020,...原创 2020-01-16 11:44:18 · 291 阅读 · 0 评论 -
JS预解析 变量提升 函数提升
1问:cinsole.log(num);//报错2问:console.log(num);//undefined ??var num=10;3问:fn();function fn(){ console.log(11);//11 }4问:fun();var fun=function(){ console.log(12);//报错 ?? }1、Js 引擎运行J...原创 2020-01-11 15:25:51 · 260 阅读 · 0 评论 -
continue和break的区别
continue关键字continue关键字用于立即跳出本次循环,继续下一次循环(本次循环体中continue之后的代码就会少执行一次)例如:吃5个包子,第三个有虫子,就扔掉第三个,继续吃第4个第5个,其代码如下:for(i=1;i<=5;i++){ if(i==3){ continue;//只要遇见continue就退出本次循环 直接跳到i++ } conso...原创 2020-01-10 13:17:23 · 355 阅读 · 0 评论 -
JS执行机制 同步异步
JS语言的一大特点:单线程,也就是说,同一个时间只能做一件事。什么是同步,什么是异步?同步指的是一次只能完成一件任务,如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。异步指的是每一个任务有一个或者多个回调函数,前一个任务结束后不是执行后一个任务,而是执行回调函数,后一个任务不是等前一个任务结束就执行,所以程序的执行顺序和任务的排列顺序是不一致的、异步的。他们的本...原创 2020-01-09 11:36:43 · 202 阅读 · 0 评论 -
字符串相关方法 数据类型转换问题
数据类型转换:typeOf检测数据类型var num=10;console.log(typeof num.toString());//string 值类型转引用类型强制转换:var str="10.5";console.log(parseInt(str));//10 整数型console.log(parseFloat(str));//10.5 浮点型var s="10abc";...原创 2020-01-09 11:32:27 · 231 阅读 · 0 评论 -
JS Bom对象
BOM(浏览器对象模型)其核心对象是windowDOM和BOM对比:DOM文档对象模型DOM就是把文档当作一个对象来看待DOM的顶级对象是documentDOM学习的是操作页面元素DOM是W3C标准规范BOM浏览器对象模型把浏览器当作一个对象来看待BOM的顶级对象是windowBOM学习的是浏览器窗口交互的一些对象BOM是浏览器厂商再各自浏览器上定义的 兼容性较差...原创 2020-01-02 21:14:37 · 260 阅读 · 1 评论 -
数组以及 js中的四种排序方法
数组(array)也是一个对象,是用来存储一些值的普通对象是用字符串来作为属性名的,而数组是用数字作为索引来操作元素属性名属性值colorred索引值0索引:从0开始的整数创建一个数组:var arr=new Array();console .log( typeof arr);//输出objectarr[0]=10;arr[1]...原创 2019-12-26 21:32:48 · 261 阅读 · 0 评论 -
JavaScript程序控制结构
顺序程序分支程序在JavaScript中可以使用下面几种条件语句:1、if语句如果希望在指定的条件成立时执行代码,就可以使用这个语句。基本语法:if(条件){条件成立时执行代码;...原创 2019-12-05 09:35:43 · 764 阅读 · 0 评论 -
JavaScript程序
JavaScript脚本语言的基本构成是由语句、函数、对象、方法、属性等来实现的。语句和语句块1、语句JavaScript语句是发给浏览器的命令,这些命令的作用是告诉浏览器要做的事情。根据JavaScript标准,通常要在每行语句的末尾加上一个分号。在JavaScript程序中,语句的类型一般如下:(1)变量声明语句;(2)输入输出语句;(3)表达式语句;(4)程序流向控制语句;...原创 2019-12-05 09:35:00 · 276 阅读 · 0 评论 -
JavaScript基础
JavaScript(JS)是一种解释性的、事件驱动的、面向对象的、安全的和与平台无关的脚本语言,是动态HTML(也称为DHTML)技术的重要组成部分,广泛用于动态网页的开发。JavaScript的实例JavaScript脚本程序是嵌入在页面中的,通过一个<script>标记说明,浏览器能够解释并运行包含在标记内的代码。基本语法:<script type="text/ja...原创 2019-12-05 09:33:43 · 284 阅读 · 0 评论