ES6
Flury
学无止境
展开
-
1.【ES6】概要
一、前提最近在写VUE,JS语言用到的ES6,所以再看一遍ES6的基础语法。二、概要ECMAScript2015(ES6)是Javascript最标准的语法式样,是在2015年6月由Ecma国籍组织公布的最新版本,现在已经被多个领域和浏览器所广泛采纳和使用。三、新特性箭头函数 class类新定义 let+const作用域定义 for...of列举 Promise,Map...原创 2018-09-30 11:31:10 · 157 阅读 · 0 评论 -
10.【ES6】基本对象的定义
1、知识点JS基本对象定义2、实战定义三个变量,title,price,publish,3个属性,为了代码的可读性-> 声明一个book对象,book对象中存这三个属性 为对象定义个属性,输出book的属性 新增一个属性,book["xxx"] ,使用的时候book.xxxx 代码自己敲一遍,输出结果let title = "ES6"let price = 20l...原创 2018-10-09 17:13:21 · 1436 阅读 · 0 评论 -
9.【ES6】箭头函数
1、知识点通过箭头函数简化代码//定义一个新数组let list = [10,20,30]//ES5/** * 1.内部定义一个匿名函数 * 2.返回值 */let newlist = list.map(function(value, index){ return value * value;});console.log(newlist);//ES6/**...原创 2018-10-09 17:01:00 · 155 阅读 · 0 评论 -
8.【ES6】函数的默认值
1、知识点定义函数时给出参数的默认值2、实战2.1 字符传参/** * 1、定义一个函数,默认值为name="wx" * 2、输出${name} * 3、函数调用不传参,则直接输出默认值 * 4、传参数,则输出传参的值 */function sayHelo(name = "wx"){ console.log(`Helo ${name}`);}sayHelo...原创 2018-10-09 15:05:15 · 330 阅读 · 0 评论 -
7.【ES6】数组循环 for ...of
1、知识点新的数组循环方式2、实战->定义一组数组->for of 循环出值let list = [10,20,30]for(var val of list) console.log(val);// 10// 20// 30对比 for....in打印出下标以及对于的下标值let list = [10,20,30]for(var v...原创 2018-10-09 14:44:42 · 233 阅读 · 0 评论 -
6.【ES6】结构赋值
1、知识点1、解构赋值的写法2、ES6比较新颖的变量赋值方法2、实战2.1 数组赋值通过数组赋值,同时给3个变量赋值;let [a, b, c] = [10, 20, 30];console.log(a, b, c); //10 20 30let [x, y, ...other] = [1,2,3,4,5];console.log(x, y, other); /...原创 2018-10-09 14:15:19 · 188 阅读 · 0 评论 -
5.【ES6】Symbol新类型
1.知识点 ES6增加了Symbol新的原始类型 symbol的用法 作为常量 作为属性 半隐藏属性 2.实战2.1 symbol新类型定义两个字符串,对比字符串的值,毫无疑问,字符串的值肯定是相等的let str1 = String("HeloWorld");let str2 = String("HeloWorld");conso...原创 2018-10-09 13:29:33 · 185 阅读 · 0 评论 -
4.【ES6】嵌入字符串&模板如何使用
1.知识点字符串嵌入方式 字符串模板的定义 活用字符串模板2.实战2.1 字符串嵌入方式//定义一个变量let name = "admin"//定义字符串1 - 双引号let mystr1 = "您好!${name}"//定义字符串2 - 反单引号,用来定义字符串模板的let mystr2 = `您好!${name}`console.log(mystr1)con...原创 2018-10-09 11:19:22 · 416 阅读 · 0 评论 -
3.【ES6】const
* 常量定义const*知识点const i = 10;*实战新建test.js文件 运行命令 node test.js代码演示(1)用const定义常量,不能直接data = 10,这样定义是错误的/*1、常量**2、定义data = 10**3、输出data*/const data = 10;console.log(data); 控制台输出:结果输...原创 2018-09-30 13:42:24 · 285 阅读 · 0 评论 -
2.【ES6】let
* 用let命令限定作用域与var做对比新建test.js文件 node test.js运行文件#ES5语法/*1、如果是真*2、定义i=1*3、控制台输出i*/if(true){ var i = 1;}console.log(i);控制台输出 #ES6语法if (true) { let i = 1;}console.log(...原创 2018-09-30 12:06:22 · 138 阅读 · 0 评论 -
11.【ES6】类定义
1、知识点ES6类定义2、实战/** * 1.关键字class * 2.Player类名 * 3.constructor构造器,里面内容付给模板级的name,sex * 4.定义个函数,继续引用模板 * 5.static ,静态方法->这个类不用实例化,就能引用 */class Player { constructor(name, sex) { ...原创 2018-10-09 17:20:48 · 180 阅读 · 0 评论