es6专栏
es6的具体知识与使用
前端61
比昨天更努力,让明天更美好
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ES6知识点大汇总(建议收藏)
1.定义变量 var let const 的区别2.es6新增特性之解构赋值3.es6新特性之字符串模板4.es6中新增关于字符串的一些东西5.es6之扩展运算符/rest运算符6.es6之函数变化7.es6之数组循环8.es6中数组新增的一些东西9.es6之对象简洁写法10.es6中对象新增的一些东西11.ES6之promise12.ES6之 模块化(module)13....原创 2019-10-29 19:28:50 · 453 阅读 · 0 评论 -
定义变量 var let const 的区别
1.varvar 命令定义变量会发生‘变量提升’的现象。即变量可以在声明之前使用,值为undefined。为了纠正这种现象,在es6中新增了 let和const(块级作用域)。2.letlet相当于之前的var使用let定义变量需要注意:1.let声明的变量只能在let命令所在的代码块内有效(块级作用域) { let a = 12 var b = 5 } consol...原创 2019-08-05 10:53:41 · 422 阅读 · 0 评论 -
es6新增特性之解构赋值
*es6新增的特性-解构赋值非常有用,特别是在数据交互的时候原创 2019-08-05 10:32:48 · 302 阅读 · 0 评论 -
es6新特性之字符串模板
之前的js语言中字符串的连接比较复杂繁琐let name = '王小二';let age = 18;let str = '这个人叫做'+name+',年龄是'+age+'岁了'ES6 引入了模板字符串大大改善了这个问题。使用方法:`${变量名字}`优点: 简单方便,可以随意换行let name = '王小二';let age = 18;let str = `这个人叫做$...原创 2019-08-05 11:33:42 · 523 阅读 · 0 评论 -
es6中新增关于字符串的一些东西
1.字符串查找let str = 'banner apple orange'es6之前我们经常使用 str.indexOf(要找的内容)查找字符串返回索引(位置)没找到返回 -1缺点: str.indexOf(‘banner1’) 也能找到es6中新增加了 str.includes(要找的内容) 返回值 true / false// 判断是不是使用chrome浏览器案例if(nav...原创 2019-08-05 14:39:43 · 230 阅读 · 0 评论 -
es6之扩展运算符/rest运算符
es6之扩展运算符/rest运算符写法:...变量名(3个点+变量名)作用:1.可以展开数组。 2.可以用于获取函数的多余参数,这样就不需要使用arguments对象了let a = ['apple','banana','orange'];console.log(...a)//apple orange banana结合函数使用,可以代替arguments。arguments对象不是数...原创 2019-08-09 09:47:08 · 277 阅读 · 0 评论 -
es6之函数变化
1.函数增加了默认参数ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法。function show (a,b){ a = a || '默认值'; b = b || '默认值' console.log(a,b) }show(1,2)es6中增加了默认值就变得更加简洁了function show (a = '默认值',b = '默认值'){ console.l...原创 2019-08-09 10:17:24 · 254 阅读 · 0 评论 -
es6之数组循环
一、回顾es5数组循环1.arr.forEach()循环可以接受两个参数:arr.forEach(循环回调函数,this指向谁)arr.forEach(function(){ },arr)使用箭头函数(不能改变this指向了)arr.forEach((val,index,arr)=>{ //回调函数中可以接受3个参数, 1.value值 2.索引 3.整个数组})2...原创 2019-08-09 10:54:48 · 5319 阅读 · 0 评论 -
es6中数组新增的一些东西
1.Array.from()作用:将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map);let json= { '0': 'a', '1': 'b', '2': 'c', length: 3};// ES5的写法var arr1 = [].sl...原创 2019-08-09 14:37:02 · 293 阅读 · 0 评论 -
es6之对象简洁写法
es6中新增了对象简洁写法:对象中属性简写对象中方法简写let age = 18;let json = { name:'王小二', age, // 等同于: age:age(当键值对 前后相等时,可以这样简写) showName(){ //对象中的函数也有简洁写法,(但是不能使用箭头函数) return this.name } }QQ群:327814...原创 2019-08-09 14:47:28 · 410 阅读 · 0 评论 -
es6中对象新增的一些东西
1.Object.is()ES6 提出“Same-value equality”(同值相等)算法,Object.is就是部署这个算法的新方法。它用来比较两个值是否严格相等,与严格比较运算符(===)的行为基本一致。Object.is('foo', 'foo')// trueObject.is({}, {})// false+0 === -0 //trueNaN === NaN //...原创 2019-08-09 15:07:04 · 246 阅读 · 0 评论 -
ES6之promise
1.promise 的含义Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。多用于请求函数的封装2.promise 基本用法let code = 1;let promise ...原创 2019-10-21 10:34:03 · 174 阅读 · 0 评论 -
ES6之 模块化(module)
历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。ES6中引入了模块化,针对模块化,我们需要知道:如何定义模块怎么引入并使用定义好的模块模块功能主要由两个命令构成:export和import。export命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能。1. 如何定义模块 (expor...原创 2019-10-21 16:23:23 · 328 阅读 · 0 评论 -
ES6之 class的基本语法(类)
ES6之前,我们都是通过构造函数来生成实例对象:function Point (x,y){ this.x = x this.y = y}Point.prototype.sum = function(){ return this.x + this.y}let point = new Point(1,2)console.log(point.sum()) // 3ES6 提供了更...原创 2019-10-24 11:31:47 · 369 阅读 · 0 评论 -
ES6之class的继承
js继承参考文档------------------------------------------------------分割线----------------------------------------------------------------------------------Class 可以通过extends关键字实现继承,这比 ES5 的通过修改原型链实现继承,要清晰和方...原创 2019-10-25 10:36:12 · 237 阅读 · 0 评论 -
ES6之 Symbol
ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型(用typeof检测初出来的数据类型为symbol)··根本上防止属性名的冲突。这就是 ES6 引入Symbol的原因。··前六种数据类型是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。定...原创 2019-10-26 09:58:09 · 194 阅读 · 0 评论 -
ES6 之 generator 函数
Generator 函数是 ES6 提供的一种异步编程解决方案。(解决异步,深度嵌套的问题)语法行为与传统函数完全不同。··异步:不连续,上一个操作没有执行完 下一个操作照样开始同步:连续执行,上一个操作没有执行完 下一个没法开始generator函数语法:function * show() { yield 'welcome' yield 'to' ...原创 2019-10-26 10:56:55 · 216 阅读 · 0 评论 -
ES6之Set和Map数据结构
一、set一种数据结构类似数组,但是不能有重复的值语法:let setArr = new Set(['a','b','c','b'])console.log(setArr)打印结果:set的一些方法:let setArr = new Set(['a','b','c','b'])//添加元素setArr.add('d')//删除某一元素setArr.delete...原创 2019-10-29 10:26:38 · 267 阅读 · 0 评论
分享