Es6
MakeGreatEffort
这个作者很懒,什么都没留下…
展开
-
ES6新特性之傻瓜式说明
ES6出来挺长一段时间了,但目前网上好像教程并不多也不详细。我依然遵循傻瓜式教学模式,白话文说明JavaScript和ES6的一些区别,说明下ES6的一些新特性。本文适合新手学习,大神请勿见笑,在下在此班门弄斧了。本文估计要写一段时间,晚上抽空便更新一段。var和let的区别var是函数作用域,let是代码块作用域var a = 12;if(true){var a = 5;console.log(...转载 2018-05-21 17:59:26 · 149 阅读 · 0 评论 -
事件对象中target对象和currentTarget对象的区别
1、target在事件流的目标阶段;currentTarget在事件流的捕获,目标及冒泡阶段。2、event.currentTarget指向事件所绑定的元素,而event.target始终指向事件发生时的元素。3、事件真正的发送者是evt.target(而且是可以变的,根据触发的不同displayObject),注册侦听器的是evt.currentTarget(不会变的)。4、在 Go...转载 2019-02-28 14:52:28 · 830 阅读 · 0 评论 -
ES6中方法定义的新写法
ES6中引入了一种更简便的在对象上定义方法的书写方式。 var tool={ console(str){ window.console&&window.console.log(str); }, trim(str){ return str.replace(/^\s+|\s+$/,...转载 2019-02-20 09:55:11 · 6084 阅读 · 0 评论 -
es6 javascript对象属性的简洁表示法
ES6 允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。 var foo = 'bar'; var baz = {foo}; baz // {foo: "bar"} // 等同于 var baz = {foo: foo}; 上面代码表明, ES6 允许在对象之中,只写属性名,不写属性值。这时,属性值等于属性名所代表...转载 2019-02-20 10:02:08 · 457 阅读 · 0 评论 -
ES6 map方法与filter方法
map 方法:可以简单的理解为映射var num = [1,2,3,4];var dataAdd = num.map(n => n+n);var datadeep = num.map(n => n-1);console.log(dataAdd);//[2, 4, 6, 8]console.log(datadeep);//[0,1,2,3]filter方法: 过滤筛选的作用...转载 2019-02-20 12:14:09 · 996 阅读 · 0 评论 -
ES6中6种声明变量的方法
ES5 只有两种声明变量的方法:var命令和function命令。ES6 除了添加let和const命令,还有两种声明变量的方法:import命令和class命令。所以,ES6 一共有 6 种声明变量的方法。(1) var命令。var a ; //undefinedvar b = 1;var定义的变量可以修改,如果不初始化会输出undefined,不会报错 var 声明...转载 2019-02-26 14:10:40 · 3479 阅读 · 0 评论 -
ES6数组方法
ES6数组方法以下方法添加到了Array.prototype对象上(isArray除外)indexOf类似字符串的indexOf()方法1 stringObject.indexOf(searchvalue,fromindex)2 3 var data = [2, 5, 7, 3, 5];4 console.log(data.indexOf(5, "x")); // 1 ...转载 2019-02-27 11:28:59 · 106 阅读 · 0 评论 -
module.exports和exports和export和export default的区别,import和require的区别
关于module.exports和exports的区别,我已经在前一篇文章讲过,传送门。在es5中,用module.exports和exports导出模块,用require引入模块。es6新增export和export default导出模块,import导入模块。一、在es6中的两种基本用法新建两个文件:a.js, b.js。a.js用于导出模块,b.js用户导入模块。两个文件放在...转载 2019-02-27 13:32:33 · 553 阅读 · 0 评论 -
图解ES6中的React生命周期
前言如果将React的生命周期比喻成一只蚂蚁爬过一根吊绳,那么这只蚂蚁从绳头爬到绳尾,就会依次触动不同的卡片挂钩。在React每一个生命周期中,也有类似卡片挂钩的存在,我们把它称之为‘钩子函数’。那么在React的生命周期中,到底有哪些钩子函数?React的生命周期又是怎样的流程?今天我给大家来总结总结React 生命周期如图,React生命...转载 2019-02-28 11:06:27 · 154 阅读 · 0 评论 -
export default 导出对象的写法
方法一:export default { name: 'zs', age: 20}方法二: var info ={ name: 'zs', age: 20}export default info注意写法一和写法二的区别。...转载 2019-02-28 10:53:09 · 14933 阅读 · 0 评论 -
Vuex中mapState的用法
今天使用Vuex的时候遇到一个坑,也可以说是自己的无知吧,折腾了好久,终于发现自己代码的错误了。真是天雷滚滚~~~~~~index.jsimport Vue from 'vue'import Vuex from 'vuex'import mutations from './mutations'import actions from './action'import getters from...转载 2018-05-23 08:18:12 · 1159 阅读 · 0 评论 -
es6常用的语法
刚开始用vue或者react,很多时候我们都会把ES6这个大兄弟加入我们的技术栈中。但是ES6那么多那么多特性,我们需要全部都掌握吗?秉着二八原则,掌握好常用的,有用的这个可以让我们快速起飞。接下来我们就聊聊ES6那些可爱的新特性吧。1.变量声明const和let我们都是知道在ES6以前,var关键字声明变量。无论声明在何处,都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是...转载 2018-05-23 12:59:40 · 161 阅读 · 0 评论 -
箭头函数
ES6允许使用“箭头”(=>)定义函数。var f = () => 5;// 等同于var f = function () { return 5 };var sum = (num1, num2) => num1 + num2;// 等同于var sum = function(num1, num2) { return num1 + num2;};const f...转载 2018-05-23 13:10:00 · 455 阅读 · 0 评论 -
es5与es6常用语法教程(1)
https://www.jianshu.com/p/dcf2e97439ef函数写法区别计算a, b两个数字之和,有返回值es5 写法function add(a, b) { return a + b;}es6 写法(箭头函数)let add = (a, b) => { return a + b}注意:箭头函数作用于执行代码,这时使用{}let add = (a, b...转载 2018-06-29 00:43:22 · 1137 阅读 · 0 评论 -
es5和es6对象导出与导入
es6 import ... form...替代 require() //不接收对象 require:require('s.css'); //(es5)improt 's.css' //(es6)//接收对象var o = require('s.js'); //es(5)import o form s.js //(es6) 对象的写法 导出一个模块对...转载 2019-02-28 10:13:05 · 870 阅读 · 0 评论 -
export 命令 导出变量的三种写法
方法一: //profile.jsexport var firstName ='Michael'export var lastName = 'Jackson'export var year = 1958;方法二://profile.jsvar firstName ='Michael';var lastName = 'Jackson'var year ...原创 2019-02-28 10:30:38 · 12677 阅读 · 1 评论 -
JavaScript条件(三元)运算符的使用技巧
为啥用三元运算符(ternary)condition ? expr1 : expr2三元运算符用来简化条件判断这个运算符可以用来代替if else条件判断。但是为什么有这个运算符呢?这里的原因是if else使用两个代码块,确只有一个会执行,在讲究的程序员看来是一种浪费。所以使用三元运算符用一条语句就可以完成功能就很有吸引力了。我们来看看下面的例子var i=0;var f...转载 2019-07-17 15:58:21 · 582 阅读 · 0 评论