ES6
聆听。。花开雨落
这个作者很懒,什么都没留下…
展开
-
ES6--模块化操作
export :负责进行模块化,也是模块的输出。 import : 负责把模块引,也是模块的引入操作。** export的用法:**export可以让我们把变量,函数,对象进行模块话,提供外部调用接口,让外部进行引用。先来看个最简单的例子,把一个变量模块化。我们新建一个temp.js文件,然后在文件中输出一个模块变量。export var a = 'jspang';然后可以在in...转载 2020-02-26 10:04:41 · 106 阅读 · 0 评论 -
ES6--promise对象的使用
ES6中的promise的出现给我们很好的解决了回调地狱的问题,在使用ES5的时候,在多层嵌套回调时,写完的代码层次过多,很难进行维护和二次开发,ES6认识到了这点问题,现在promise的使用,完美解决了这个问题。那我们如何理解promise这个单词在ES5中的作用那,你可以想象他是一种承诺,当它成功时执行一些代码,当它失败时执行一些代码。它更符合人类的行为思考习惯,而不在是晦涩难懂的冰冷语言。...转载 2020-02-25 22:55:14 · 193 阅读 · 0 评论 -
ES6--用Proxy进行预处理
如果你学过我的Vue的课程,一定会知道钩子函数,那如果你刚接触我的博客,并没有学习Vue,那我这里给你简单解释一下什么是钩子函数。当我们在操作一个对象或者方法时会有几种动作,比如:在运行函数前初始化一些数据,在改变对象值后做一些善后处理。这些都算钩子函数,Proxy的存在就可以让我们给函数加上这样的钩子函数,你也可以理解为在执行方法前预处理一些代码。你可以简单的理解为他是函数或者对象的生命周期。...转载 2020-02-25 22:26:56 · 148 阅读 · 0 评论 -
ES6-对象
对象赋值ES6允许把声明的变量直接赋值给对象,我们看下面的例子。let name="jspang";let skill= 'web';var obj= {name,skill};console.log(obj); //Object {name: "jspang", skill: "web"}对象Key值构建有时候我们会在后台取出key值,而不是我们前台定义好的,这时候我们...转载 2020-02-23 14:27:46 · 100 阅读 · 0 评论 -
ES6--对象/数组的函数解构
** 对象的函数解构 **我们在前后端分离时,后端经常返回来JSON格式的数据,前端的美好愿望是直接把这个JSON格式数据当作参数,传递到函数内部进行处理。ES6就为我们提供了这样的解构赋值。let json = { a:'jspang', b:'技术胖'}function fun({a,b='jspang'}){ console.log(a,b);}fu...转载 2020-02-23 14:05:26 · 194 阅读 · 0 评论 -
最新数组方法(包括es6)
整理目前所用过的数组方法,学习了新增的es6方法。1arr.push()从后面添加元素,返回值为添加完后的数组的长度let arr = [1,2,3,4,5]console.log(arr.push(5)) // 6console.log(arr) // [1,2,3,4,5,5]2arr.pop()从后面删除元素,只能是一个,返回值是删除的元素let arr ...转载 2020-02-18 11:16:51 · 127 阅读 · 0 评论 -
ES6--字符串模版
字符串模版先来看一个在ES5下我们的字符串拼接案例:let jspang='技术胖';let blog = '非常高兴你能看到这篇文章,我是你的老朋友'+jspang+'。这节课我们学习字符串模版。';document.write(blog);ES5下必须用+jspang+这样的形式进行拼接,这样很麻烦而且很容易出错。ES6新增了字符串模版,可以很好的解决这个问题。字符串模版不再...转载 2020-02-17 20:57:51 · 89 阅读 · 0 评论 -
ES6--扩展运算符和rest运算符
上节课学的解构已经可以大大增加我们的开发效率,这节课我们学习扩展运算符和rest运算符,它们都是…(三个点)。它们可以很好的为我们解决参数和对象数组未知情况下的编程,让我们的代码更健壮和简洁。对象扩展运算符(…):当编写一个方法时,我们允许它传入的参数是不确定的。这时候可以使用对象扩展运算符来作参数,看一个简单的列子:function jspang(...arg){ cons...转载 2020-02-17 20:55:30 · 138 阅读 · 0 评论 -
ES6--变量的解构赋值
ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。解构赋值在实际开发中可以大量减少我们的代码量,并且让我们的程序结构更清晰。也许你还是不太明白,那先来一个最简单的数组解构赋值来进行赋值。数组的解构赋值:** 简单的数组解构:**以前,为变量赋值,我们只能直接指定值。比如下面的代码:let a=0;let b=1;let c=2;而现在我们可以用数...转载 2020-02-17 20:50:22 · 164 阅读 · 0 评论 -
ES6--三种声明方式
以前我们在声明时只有一种方法,就是使用var来进行声明,ES6对声明的进行了扩展,现在可以有三种声明方式了。字面理解ES6的三种声明方式:var:它是variable的简写,可以理解成变量的意思。(全局声明) let:它在英文中是“让”的意思,也可以理解为一种声明的意思。(局部声明) const:它在英文中也是常量的意思,在ES6也是用来声明常量的,常量你可以简单理解为不变的量。va...转载 2020-02-17 20:43:20 · 292 阅读 · 1 评论