![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
javascript学习心得。
蚕豆ya
这个作者很懒,什么都没留下…
展开
-
javaScript变量提升的优先级
变量 >函数 >参数 >提升1、参数 > 提升function foo(xc){ console.log(xc); var xc = 1}foo(100)运行结果:1002、函数 > 参数 > 提升function foo(xc){ console.log(xc); var xc = 1; function xc(){ return '函数1' }}foo(100);运行结果:ƒ bar() {undefinedreturn ‘原创 2021-11-10 14:19:07 · 746 阅读 · 0 评论 -
ES6(解构赋值、合并数据、拼接字符串)
1、解构赋值例如:有个对象objconst obj = { a:1, b:2, c:3, d:4, e:5,}普通取值:const a = obj.a;const b = obj.b;const c = obj.c;const d = obj.d;const e = obj.e;//或者const f = obj.a + obj.d;const g = obj.c + obj.e;ES6取值(解构赋值)const {a,b,c,d,e}原创 2021-10-20 11:13:21 · 1100 阅读 · 0 评论 -
时间转换
time是后端传的时间参数timeFormat(time) { let date = new Date(parseInt(time) * 1000); let Y = date.getFullYear() + "-"; let M = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) + "-" : date.getMonth() + 1 + "-"原创 2020-12-24 15:10:35 · 155 阅读 · 1 评论 -
JS math
1、四舍五入Math.round()2、获取0~1的随机数Math.random()3、获取最大值Math.max()4、获取最小值Math.min()原创 2020-12-15 16:23:19 · 65 阅读 · 0 评论 -
JavaScript中的Promise
Promise创建: new Promise( function( resolve, reject ) {…} );Promise通常用于处理异步操作或阻塞代码,例如API调用。Var keepWord;keepWord = true;promise = new Promise( function( resolve, reject ) { if(keepWord) { resolve( “我做到了”); }else { Reject(“我没做到”) }} );Console.lo原创 2020-11-24 18:59:28 · 454 阅读 · 0 评论 -
call和apply
相同点:call()方法和apply()方法的作用相同,都是设置函数体内this对象的值,以扩充函数赖以运行的作用域。不同点:他们的区别在于接收参数的方式不同。对于call(),第一个参数是this值没有变化,变化的是其余参数都直接传递给函数。(在使用call()方法时,传递给函数的参数必须逐个列举出来。使用apply()时,传递给函数的是参数数组)如下代码做出解释:function add(c, d){return this.a + this.b + c + d;}var o = {a:1原创 2020-11-21 22:12:22 · 47 阅读 · 0 评论 -
JavaScript常见事件
常见事件:常见事件: **1. 点击事件:** 1. onclick:单击事件 2. ondblclick:双击事件 **2. 焦点事件:** 1. onblur:失去焦点 2. onfocus:元素获得焦点。 3. 加载事件: 1. onload:一张页面或一幅图像完成加载。 4. 鼠标事件: 1. onmousedown 鼠标按钮被按下。 2. onmo原创 2020-11-21 22:05:04 · 70 阅读 · 0 评论 -
web API查询元素/事件/操作元素对象的属性/常用元素的操作方法
查询元素id: document .getElementByld (id名称);标签: document . getElementByTagName (标签名);类名:document.getElementsByClassName(类名);name属性: document.getElementsByName();选择器:document.querySelector(选择器)获取的是一个对象;document.querySelectorAll()获取的是对象的集合;事件事件三要素事件原创 2020-08-14 16:01:32 · 211 阅读 · 0 评论 -
JS数组常用方法
1、Array.push()------在数组后面增加元素。var array = [1, 2, 3 ]//push里面的参数被加到数组array的后面了(参数可以有多个)array.push(4,5,6,7,8);console.log(array); -------[1,2,3,4,5,6,7,8] 2、Array.pop()------取出数组中的最后一项,修改length属性。var array = [1,2,3,4,5,6,7];var last = array.p原创 2020-08-12 16:54:30 · 168 阅读 · 0 评论 -
JS深拷贝和浅拷贝的区别
一、区别:假设B复制了A,当A被修改时,看B是否发生变化,如果B跟着变,则为浅拷贝,如果B没变,则为深拷贝。(栈堆)1、浅拷贝var a = [1,2,3,4,5];var b = a;a[0] = 6;console.log(a,b);//代码运行结果:a:[6,2,3,4,5] b:[6,2,3,4,5]2、深拷贝法1:使用JSON对象的parse和stringify来深拷贝function deepCopy(obj){ var _obj = JSON.stringify(obj原创 2020-08-12 12:43:30 · 159 阅读 · 0 评论 -
JS中构造函数与普通函数的区别
一、两者区别在于:1、调用方式不一样//构造函数也是一个普通函数,创建方式和普通函数一样。function Foo(){}Foo();//普通函数调用方式var f = new Foo();//构造函数调用方式普通函数调用方式:直接调用person();构造函数调用方式:需要使用new关键字来调用 new person();2、作用也不一样(构造函数用来新建实例对象)3、首字母大小写习惯一般构造函数的函数名称会用大写普通函数用小写4、函数中this的指向不同普通函数中原创 2020-08-12 11:10:51 · 3765 阅读 · 0 评论 -
原生Js Ajax请求和jQuery Ajax请求
一、原生Js Ajax请求1、创建XMLHttpRequest异步对象var xhr;//兼容处理if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xhr = new XMLHttpRequest();} else { // code for IE6, IE5 xhr = new ActiveXObject("Microsoft.XMLHTTP");}2、 设置回调函数(准备发送)原创 2020-08-10 23:27:44 · 220 阅读 · 0 评论