ES6入门 |
您所在的位置：网站首页 › 前端的es6是什么 › ES6入门 |
ES6入门
|
一、什么是ES6
ES6，全称ECMAScript 6.0，是JavaScript的下个标准版本，发布与2015年。主要是为了解决ES5的先天不足。 语法糖，在不改变语言本质功能的情况下，为了使编程更加简洁，从而推出的一些新的语法。 二、正则表达式1、复杂类型 / a/：是否包含a 内置构造函数：ECMAScript核心语法自带内置构造函数， 有一部分内置构造函数：Function、 Object、 Array、 String、 Number、 Boolean、 RegExp、 Error、 Date test：检验方法 exec：内容是否符合要求2、基本字符 \d：0-9的一位数字 \D：一位非数字 \s（小写）：一位空白，空格、缩进、换行 \S：一位非空白 \w（小写）：一位字母，数字，下划线 \W：一位非字母，数字，下划线 .：非换行的内容 \：转义3、边界符 ^：开始。/^\d/开头是数字 $：结尾。/$\d/结尾是数字4、限定符 *：多个。/\d*/多个数字 +：至少一个 ?：0-1 {n}：指定次数，n是变量，{n，}最少n个 {n，m}：大于n，小于m5、特殊符号 ()：整个 |：或 []：只要有一个就符合 [^]：取反一个符合6、标识符 \g：全局 \i：忽略大小写7、正则两大特性 懒惰：解决方法,可以使用\g 贪婪：解决方法，可以使用? 三、this指向面向对象语言中 this 表示当前对象的一个引用。 但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。 在对象方法中， this 指向调用它所在方法的对象。 单独使用 this，则它指向全局对象。 在函数中，this 表示全局对象。 箭头函数的this指向上一层作用域的this 使用call、apply、bind可以改变this的指向 四、定义变量与常量 let：用于定义变量， 与var的区别，（1）先定义后使用。（2）变量重名会报错。（3）只能存活于定义的块级作用域里面 const：用于定义常量 五、箭头函数（参数）=>{函数} 一个参数和一个代码可以简化成：参数=>代码： x=>console.log(x) 特点： 在只有一个参数的情况下可以省略（） 在只有一句代码或只有返回值的情况下可以省略{} this指向父级作用域 六、结构赋值 var arr = ['xiaojiao', 'pingguo', 'chelizhi'] let [x,y,z]=arr console.log(x,y,z);
…：展开运算符，可以将数组展开后合并到一个数组里面 var arr1 = ['xiaojiao', 'pingguo', 'chelizhi'] var arr2 = ['liulian','xigua','putao'] var myarr =[...arr1,...arr2] console.log(myarr);
导出 var showHide = { mounted() { this.KaTeX parse error: Expected 'EOF', got '}' at position 28: …('hidden') }̲, destroyed…store.commit(‘reveal’) }, } export default showHide** 导入 import showHide from ‘@/ulit/timestamp’ |
export default 函数名或{}：导出，使用{}可以导出多个 impor 导入函数名或{} from’函数的地址’：导入，使用{}可以导入多个【本文地址】
今日新闻 |
推荐新闻 |