
ES6
文章平均质量分 93
饮泣的你
这个作者很懒,什么都没留下…
展开
-
ES6 入门 :let 和 const 命令
1. let 命令 ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。作用域规则{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1let声明的变量只在它所在的代码块有效。这一点,与var相似。二者之间最...原创 2018-08-20 14:33:00 · 260 阅读 · 0 评论 -
ES6入门 :Promise 对象
ES6 规定,Promise对象是一个构造函数,用来生成Promise实例。下面代码创造了一个Promise实例。const promise=new Promise(function(resolve,reject){ if (/* 异步操作成功 */){ resolve(value); } else { reject(error); ...原创 2019-02-19 15:44:26 · 165 阅读 · 0 评论 -
ES6入门 :Module
export 命令模块功能主要由两个命令构成:export和import。export命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能。一个模块就是一个独立的文件。该文件内部的所有变量,外部无法获取。如果你希望外部能够读取模块内部的某个变量,就必须使用export关键字输出该变量。下面是一个 JS 文件,里面使用export命令输出变量。// profile.j...原创 2019-01-22 16:53:06 · 263 阅读 · 0 评论 -
ES6入门 :Class 的继承
ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。 //传统面向对象写法function Person(name,age){ // 类、构造函数 ...原创 2019-01-22 16:12:29 · 262 阅读 · 0 评论 -
ES6入门:对象的扩展
1. 对象的简洁语法//传统对象_单体模式写法 key-value模式 var person = { name:'pp', age:24, showName:function(){ return this.name; }, showAge:function(){ return this.age; ...原创 2019-01-16 16:20:08 · 298 阅读 · 0 评论 -
ES6入门 :箭头函数
ES6 允许使用“箭头”(=>)定义函数。var f = v => v;// 等同于var f = function (v) { return v;};如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。var f = () => 5;// 等同于var f = function () { return 5 };var s...原创 2019-01-16 14:07:07 · 468 阅读 · 0 评论 -
ES6入门 :变量的解构赋值
1.数组的解构赋值ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。以前,为变量赋值,只能直接指定值。let a = 1;let b = 2;let c = 3;ES6 允许写成下面这样。let [a, b, c] = [1, 2, 3];只要等号两边的模式相同,左边的变量就会被赋予对应的值。下面是一些使用...原创 2019-01-15 17:16:08 · 178 阅读 · 0 评论 -
ES6入门 :数组的扩展运算符
1.扩展运算符扩展运算符(spread)是三个点(...)。将一个数组转为用逗号分隔的参数序列。console.log(...[1,2,3])// 1 2 3console.log(1,...[2,3,4],5)// 1 2 3 4 5 6[...document.querySelectorAll('div')]// [div,div,div...]该运算符主要用于函数调用...转载 2019-01-16 11:50:09 · 175 阅读 · 0 评论 -
ES6入门:模板字符串
传统的 JavaScript 语言,输出模板通常是这样写的(下面使用了 jQuery 的方法)。$('#result').append( 'There are <b>' + basket.count + '</b> ' + 'items in your basket, ' + '<em>' + basket.onSale + '<...转载 2019-01-16 10:14:18 · 161 阅读 · 0 评论 -
ES6入门 :Generator 函数
语法上,首先可以把它理解成,Generator 函数是一个状态机,封装了多个内部状态。形式上,Generator 函数是一个普通函数,但是有两个特征。 特点:1.函数名前面带一个*,和普通函数做区分2.内部使用yield表达式,定义不同的内部状态。function* show(){ yield 'Hello'; yield 'World'; yield '...原创 2019-02-21 10:21:52 · 222 阅读 · 0 评论