ES6
文章平均质量分 51
singsingasong
HDU master
邮箱:zwandyzf@gmail.com
微信:434622749
展开
-
什么是JS中的弱引用?
弱引用 垃圾回收机制不考虑对该对象的引用。 也就是说,如果其他对象都不再引用该对象,那么垃圾回收机制会自动回收该对象所占用的内存,不考虑该对象是否还在该弱引用的结构中。注意: 弱引用的对象不可遍历!原创 2017-09-23 20:14:51 · 4242 阅读 · 0 评论 -
ES6之善用数组的fill()
fill()方法 用给定值填充数组 用法new Array[3].fill(7) //[7,7,7]与ES5对彼此ES5的写法:var arr = new Array[3]; for(var i=0;i<arr.length;i++){ arr[i]=7; }结论 ES6中数组的fill()用法,使得数组填充变得更简洁!代码量少了很多!原创 2017-10-26 09:37:02 · 351 阅读 · 0 评论 -
ES6之Generator
基本概念next函数的用法yield*的语法原创 2017-10-12 15:23:17 · 263 阅读 · 0 评论 -
ES6之Iterator和for...of
补充知识:ES6中对象允许用表达式作为对象的属性名。let obj = { [propKey]:'zhang', [propValue]:'Greta'; }什么是Iterator 是一种接口,为各种不同类型的数据结构提供统一的访问机制。任何数据结构,只要部署Iterator接口,就可以完成遍历。 Iterator的基本用法let arr = ['hello','world'];原创 2017-10-12 10:59:42 · 166 阅读 · 0 评论 -
ES6之Class的常用功能解读
ES5传统写法{ //构造函数法 function Point(x, y) { this.x = x; this.y = y; } }ES6写法——class写法 class写法更加清晰,可以将它看做语法糖。能够让对象原型的写法更像‘面向对象’的语法。 { // 基本定义和生成实例 class Parent {原创 2017-10-11 15:55:35 · 434 阅读 · 0 评论 -
ES6之Promise对象
异步 即:先A后B 传统方法:1.回调 2.事件触发 传统方法let ajax = function(callback){ setTimeout(function() { callback&&callback.call(); }, 500); } ajax(function(){ console.log('hello') })同样的案例用promis原创 2017-10-11 16:56:34 · 379 阅读 · 0 评论 -
ES6之SET数据结构
set数据结构“: 特点:类似于数组,但是成员的值是唯一的,绝对不会重复! 本身是一个构造函数,用来生成set数据结构。 可以接受一个数组作为参数,用于初始化 var set = new Set([1,2,3,4,4]) [...set] //[1,2,3,4]原创 2017-09-23 10:35:18 · 331 阅读 · 0 评论 -
ES6之Symbol
作用 表示独一无二的值。 举个栗子:let a1 = Symbol(); let a2 = Symbol(); console.log(a1===a2); //false用Symbol声明的两个变量绝对不相等!那么问题来了,如果我们希望重用一个Symbol值怎么办?Symbol.for() let a1 = Symbol.for('foo'); let a2 = Symbol.原创 2017-10-09 14:54:16 · 197 阅读 · 0 评论 -
Babel安装
更新《Babel安装》csdn页面改版升级了,发现之前的出现了格式问题,我重新修改后发表了新的博文。点击链接跳过去就行了原创 2017-09-12 20:24:03 · 3264 阅读 · 0 评论 -
根目录下修改.babelrc文件
学习ES6时,安装和配置Babel时需要在根目录下创建和修改.babelrc文件。先用VSCode创建 .babelrc,再通过shell进行配置以及相关插件的安装。 以修改根目录下的”.babelrc“文件为例:1.打开终端:"command+空格" ,然后在spotlight中输入“zhong”,最后按return回车(屡试不爽) 2.sudo命令获取权限:sodu -s 3.进入根目录:cd原创 2017-08-31 15:17:33 · 2323 阅读 · 0 评论 -
ES6之Generate函数的next方法
function* foo(x) { var y = 2 * (yield (x + 1)); var z = yield (y / 3); return (x + y + z); } var b = foo(5); b.next() // { value:6, done:false } b.next(12) // { value:8, done:false } b.next(原创 2017-09-25 15:32:17 · 1886 阅读 · 0 评论 -
ES6之字符串的遍历器接口
codePointAt() js内部,字符以UTF-16的格式储存,每个字符固定为2字节。对于那些需要4个字符储存的字符,JS会认为它们是2个字符; charCodeAt方法只能分别返回前两个字节和后两个字节的值。 ES6提供了codePointAt方法,能够正确处理4个字节储存的字符,返回一个字符的码点。codePointAt方法返回的是码点的十进制值,如果想要十六进制的值,可以使原创 2017-09-15 21:06:32 · 347 阅读 · 0 评论 -
Babel安装教程(mac)
注意:如果没有装node.js,先去装一个!!安装node.js时会默认安装npm。 步骤: 1、新建一个文件夹,装接下来的所有东西。我新建了一个learn-es6文件夹 2、在learn-es6项目文件下创建根目录文件: -package.json -src文件夹 --index.html --js文件夹 ---index.js 这一步的关...原创 2018-04-10 19:47:43 · 3990 阅读 · 0 评论