![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 52
热爱生活的小凌
一个还在学习前端路上的奋斗者
展开
-
JS模拟迭代器模式源码
什么是迭代器模式?迭代器模式 : 提供一种方法顺序访问一个聚合对象中的各种元素,而又不暴露该对象的内部表示。特点 : 有序的集合(对象不是有序集合) , 使用者不需要关心数组的内部结构(长度/数据类型)。 <p>熊二要娶翠花</p> <p>熊大要娶光头强</p> <p>吉吉国王要娶毛毛</p> <script>class Iterator { constructor原创 2021-04-06 16:39:35 · 153 阅读 · 0 评论 -
浅谈ES6 函数以及和ES5中函数区别。
ES6在函数上做出了一些改进,相比于ES5显得更加的灵活。ES6允许给函数参数设置默认值function ff(x, y = "word") { // 设置默认值 不能再用let 和 const 继续声明 console.log(x + y); } ff("hello "); // hello word ff("hello ", "China"); //hello China可以给形参设置默认值,因此传参的时候,可以不给原创 2021-03-24 21:46:35 · 438 阅读 · 4 评论 -
JS ES6中扩展运算符(...)的作用
扩展运算符(spread)是三个点(…),该运算符主要用于函数调用。但是也还有其他一些特别实用的功能。数组传参function add(x ,y){ console.log("你"+ x + ",我"+ y); } let arr = ["艾希","奶妈"]; add(...arr); //输出为你艾希,我奶妈如果在ES5中,需要对应取值只能通过数据加下标一个个传进去,在ES6中,可以直接…数组直接传进去。复制数组原创 2021-03-23 21:54:10 · 848 阅读 · 1 评论 -
JS ES6用Proxy模拟一个简单的数据双向绑定
什么是数据双向绑定双向数据绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。这也算是vue的精髓之处了。接下来简单的模拟一下:<input type="text" id="myText"> <p id="myP"></p> <script> // 用proxy代理 模拟实现vue双向绑定 let myText =document.getElementById原创 2021-03-19 21:33:56 · 299 阅读 · 1 评论 -
JS定义变量 ES6中let ,const 与ES5中的var的区别
有时候当我们用var定义变量的时候,时常要注意变量的作用区间,经常一不小心没注意就会出现错误,换成let定义的时候,就不会担心变量跨作用域。例如: i的变量泄露for(var i = 0 ; i<5 ; i++){ console.log(i); } console.log("最后i的值"+i)此时i循环了五次,输出,可是外面的i的值也同样发生了改变。但是,如果采用let定义变量的话,那么最后输出i的时候会报错,会报出i未定义。let原创 2021-03-19 14:13:47 · 221 阅读 · 3 评论 -
JavaScript中 事件处理的四种方式
在javascript中给html标签绑定事件并处理有着四种基本方式。每种方式都有着各自的优缺点。① 手工触发用法在HTML代码中用事件属性执行代码或函数。优点使用直接、简单,哪个HTML标签要触发什么事件,则就在该HTML标签上加事件属性。缺点不能做到JS与HTML完全分离。实现<input type="text" value="这是手工触发方式" onclick="Bd()"> <script> function Bd(){原创 2021-03-10 21:42:56 · 866 阅读 · 0 评论 -
js window对象中 setTimeout方法和setInterval方法的作用,用法与区别。
window对象作为BOM中的顶层对象,而作为window对象中使用频繁的setInterval方法和setTimeout方法更显得尤为重要。① setInterval() 方法定义和用法① setInterval() 方法可按指定的周期(以毫秒记)来调用函数或计算表达式。② setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。语法set原创 2021-03-09 19:06:49 · 663 阅读 · 0 评论 -
浅谈关于js利器 call() ,apply() ,bind()三个方法的使用以及作用
call() , apply() , bind() 这三个方法在js中尤为重要,尤其是在编写js源码的时候,那三个方法到底有什么用呢?① call 方法1. call 能够改变this的指向2. 还可以传递参数3. 可以运行函数var a={ name : "小明" , age : 18, sex : "男", fn : function(){ console.log(t原创 2021-03-07 20:56:51 · 120 阅读 · 0 评论 -
js中关于this指向的解答
关于this在各种情况的指向① 普通函数中this指向的是windowfunction person(){ // 函数也是window对象里面的 this.name = "小明"; console.log(this); //输出this 可以看到this的指向 console.log(this.name); //输出小明 } person(); //输出此时this的指向是并不是perso原创 2021-03-06 20:40:56 · 156 阅读 · 0 评论