![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
es6
可芭乐
这个作者很懒,什么都没留下…
展开
-
ES6的构建与支持基础
ES6项目构建基础架构创建es6文件 mkdir es6 cd es6 必须先安装npm install -g express@3.5.0然后再利用expressjs架构 scripts.js文件import gulp from 'gulp';import gulpif from "gulp-if";import concat from 'gulp-conc原创 2018-01-30 18:42:04 · 208 阅读 · 0 评论 -
set-map数据结构
Set用法{ let list = new Set() //声明定义 list.add(5) list.add(7) console.log('size', list.size) //输出结果:size 2 Set()中添加元素只能用add(),不能重复添加 list.size相当于获取list的长度 == list.leng原创 2018-02-07 12:01:22 · 135 阅读 · 0 评论 -
es6(let与const命令)
es6(let与const命令)理论区别varletconst在函数作用域内或者全局有效,没有块级作用域只在let命令所在的代码块内有效只在声明所在的块级作用域内有效能重复声明不能重复声明不能重复声明存在变量提升暂时性死区暂时性死区举例var与let、const的区别(一)基本用法var a = [...原创 2019-01-08 11:35:21 · 3096 阅读 · 0 评论 -
es6(变量的解构赋值)
数组的解构赋值模式匹配只要等号两边的模式相同,左边的变量就会被赋予对应的值对象的解构赋值数组的元素是按次序排列的,变量的取值由它的位置决定对象的属性没有次序,变量必须与属性同名,才能取到正确的值{模式:属性}let obj = { p: [ 'Hello', { y: 'World' } ]};let { p: [x, { y }] } = o...原创 2019-01-08 16:03:32 · 176 阅读 · 0 评论 -
es6(字符串的扩展)
includes()、startsWith()、endsWith()是否包含字符串includes() :返回布尔值,表示是否找到了参数字符串startsWith() :返回布尔值,表示参数字符串是否在原字符串的头部endsWith() :返回布尔值,表示参数字符串是否在原字符串的尾部let s = 'Hello world!';s.includes('o')s.startsW...原创 2019-01-08 17:49:11 · 198 阅读 · 0 评论 -
es6(数值的扩展)
二进制和八进制表示法二进制表达法 0b/0B八进制表达法 0o/0O以0b/0o为前缀的字符串,必须使用Number方法Number.isFinite(), Number.isNaN()返回值 :true/falseNumber.isFinite():检验 数值 是否为有限数Number.isNaN():检查 数值 是否为NaNNumber.isFinite(0....原创 2019-01-09 14:36:53 · 364 阅读 · 0 评论 -
es6(数组的扩展)
扩展运算符(...)基本内容作用 :将一个数组转为用逗号分隔的参数序列console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5用途 :函数调用function push(array, ...items) { array.push(...items);}function add(x, y) { return x + y;}const...原创 2019-01-09 17:55:50 · 2219 阅读 · 0 评论 -
es6(函数的扩展)
函数参数的默认值基本用法ES6 允许为函数的参数设置默认值(即直接写在参数定义的后面)function log(x, y = 'World') { console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '') // Hello函数参数变...原创 2019-01-09 23:00:37 · 284 阅读 · 0 评论 -
Symbol用法
概念:定义一个独一无二的元素{ let a1 = Symbol(); let a2 = Symbol(); console.log(a1===a2) //输出结果:false let a3 = Symbol.for('a3') let a4 = Symbol.for('a3') console.log(a3===a4) //输出结原创 2018-02-06 16:21:53 · 6079 阅读 · 0 评论 -
对象扩展
简洁表示法{ let o = 1; let k = 2; let es5 = { o:o, k:k }; let es6 = { o, k } console.log(es5,es6) //输出结果:{o: 1, k: 2} {o: 1, k: 2} l原创 2018-02-06 15:10:33 · 150 阅读 · 0 评论 -
ES6的构建与支持基础二
对于pages的基本构建pages.jsimport gulp from 'gulp'import gulpif from "gulp-if";import args from './util/args'import livereload from 'gulp-livereload';gulp.task('pages', () => { return gulp.src原创 2018-02-01 19:03:56 · 131 阅读 · 0 评论 -
es6文件监听,项目构建测试
清除模板内容clean.js文件import gulp from 'gulp'import del from 'del'import args from './util/args'//清空模板中的数据,减少重复安装等步骤gulp.task('clean', () => { return del(['server/public', 'server/views'])})原创 2018-02-02 11:50:06 · 195 阅读 · 0 评论 -
let、const、解析赋值、正则扩展
let与const let:块作用域、无法重复使用 var:全局作用域 const:常量,无法修改,声明的时候必须赋值,对象指针不变,但是对象内容可以变解构赋值 左边一种结构,右边一种结构,左右一一对应解构赋值分类数组解构赋值{ let a,b,rest [a,b] = [1,2] console.log(a,b) //输出结果:1 2}原创 2018-02-02 17:39:29 · 201 阅读 · 0 评论 -
字符串扩展
字符串新增特性 安装babel-polyfillUnicode表示法 获取码值的方法: es5:chartCodeAt()·········无法解析两个字节以上的对象 es6:codePointAt()·········可以解析两个字节以上的元素{ console.log(String.fromCharCode('0x20bb7')) //无法解析原创 2018-02-02 18:33:48 · 169 阅读 · 0 评论 -
字符串新增
标签模板{ let user = { name: 'list', info: 'hello world' } console.log(abc`i am ${user.name}, ${user.info}`) //输出结果:i am ,, ,listhello world function abc(s,v1,v2){原创 2018-02-05 11:35:14 · 160 阅读 · 0 评论 -
数值扩展
新增方法是否为有限数或无限数{ console.log('15',Number.isFinite(15)) //输出结果:15 true console.log('NaN',Number.isFinite(NaN)) //输出结果:NaN false console.log('1/0',Number.isFinite(1/0)) /原创 2018-02-05 14:40:50 · 138 阅读 · 0 评论 -
数组扩展
Array.of{ let arr = Array.of(3,4,7,9,11); console.log('arr=',arr) //输出结果:arr=[3,4,7,9,11] Array.of将一组数据变量转换为数据类型,若不传任何参数,则返回空数组}Array.from{ let p = document.querySele原创 2018-02-05 17:57:54 · 133 阅读 · 0 评论 -
函数扩展
参数默认值 function test(x, y){} //语法正确 function test(x, y = 'world'){} //语法正确 function test(x, y = 'world', c = 'hhh'){} //语法正确 function test(x, y = 'world', c){} //语法错误原创 2018-02-06 14:06:11 · 162 阅读 · 0 评论 -
es6(对象的扩展)
属性的简洁表示法ES6 允许直接写入变量和函数,作为对象的属性和方法const foo = 'bar';const baz = {foo};baz // {foo: "bar"}// 等同于const baz = {foo: foo}; ==》 简写:const baz1 = {foo};属性名为变量名, 属性值为变量的值,属性名总是字符串function f(x, ...原创 2019-01-09 23:19:09 · 410 阅读 · 0 评论