
ES6
小仙女de小绵羊
陪伴小仙女de成长
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ES6解构数组、解构对象以及let声明变量
比如,我们定义了一个数组,我们要把数组中的每一项都赋值给一个对应的变量,以前的写法是这样的,我们需要一个一个的去赋值。 function books(){ return ['javascript','html5','css3']; } { let js = books()[0]; let h5 = books()[1]; let c3 = books()[2]; console.log(...原创 2019-03-11 11:08:13 · 1415 阅读 · 0 评论 -
es6中类的继承
类的继承关键字extends class Person{ constructor(name,age){//构造器 this.name = name; this.age = age; } info(){ return `我的姓名是${this.name},今年${this.age}岁了!`; } } class Chinese extends Person{// constru...原创 2019-03-13 10:19:18 · 465 阅读 · 0 评论 -
es6中类class的概念
有了类的概念,js才算是真的从面相过程走向了面向对象 那么在es6中如何使用class呢? class Student{//类名的第一个单词大写 constructor(book){//构造器,在初始化实例的时候调用 this.book= book; } study(){ console.log(this.book); } } let stu1 = new Student("jav...原创 2019-03-12 16:33:05 · 877 阅读 · 1 评论 -
迭代器生成器
function* books(){ yield "javascript"; yield "html5" }; let mybook = books(); console.log(mybook.next());//{value: "javascript", done: false} console.log(mybook.next());//{value: "html5", done: fals...原创 2019-03-12 16:13:46 · 169 阅读 · 0 评论 -
设置对象的prototype以及super的使用
let book1 = { getbook(){ return "javascript"; } }; let book2 = { getbook(){ return "html5"; } } let book = Object.create(book1); console.log(book.getbook());//javascript console.log(Object.get...原创 2019-03-12 13:56:06 · 631 阅读 · 0 评论 -
把对象的值复制到另一个对象
let books = {}; Object.assign( books,//源对象 {"js":"javascript"}//要插入的对象 ); console.log(books);//{js: "javascript"} Object.assign( books, {"h5":"html5"} ); console.log(books);//{js: "javascript"原创 2019-03-12 13:19:58 · 1565 阅读 · 0 评论 -
比较两个值是否相等
Object.is('a','a');//true let num1 = 1; let num2 = 1; Object.is(num1,num2);//true Object.is(NaN,NaN);//true Object.is(-0,+0);//false原创 2019-03-12 13:09:47 · 454 阅读 · 0 评论 -
ES6对象表达式和添加属性
我们定义了2个变量,books对象的属性刚好和定义的变量名相同,则可以简写。 如果对象属性study是个方法,则可以简写为study(){} let books = { study:function(){ } }; let js = "javascript", h5 = "html4"; let books = { js,//如果属性名和变量名字一样,并且属性的值就是变量的值可以这样简写...原创 2019-03-12 11:10:18 · 11979 阅读 · 0 评论 -
箭头函数=>
直接上代码 let books = js => js;//箭头左边是的函数传递的参数,箭头右边返回的是函数的返回值 books("javascript"); 如上代码机会返回javascript 如果这个函数有多个参数的话就用() let books = (js,h5) => js + h5;//箭头左边是的函数传递的参数,箭头右边返回的是函数的返回值 books("javascri...原创 2019-03-11 17:40:12 · 468 阅读 · 0 评论 -
解构参数
一个函数比方说有2个必填的参数,还有一个对象结构的参数,代码如下 function books(js,h5,{address,company} = {}){ console.log(js,h5,address,company); } books("javascript","html",{"address":"上海","company&q原创 2019-03-11 17:14:34 · 2315 阅读 · 0 评论 -
...展开操作符spread和剩余操作符Rest
展开操作符… let books = ['javascript','html']; console.log(books); console.log(...books); 直接输出books是一个数组,使用展开操作符…books之后,我们看到,输出的是数组中每一项的值 接下来再来看一下 let books = ['javascript','html']; let books1 = ['css3'...原创 2019-03-11 16:37:44 · 490 阅读 · 0 评论 -
函数参数的默认值
function books(js="javascript",h5="html5"){ return `${js} and ${h5}` } console.log(books()); console.log(books("ECMAScript","html4")); 在这里,我们定义了一个函数books,这个函数需要接收2个参数,并且我们给这个参数都设置了默原创 2019-03-11 16:16:10 · 1179 阅读 · 0 评论 -
ES6判断字符串中是否包含其他字符串
let js = 'javascript', h5 = 'html5', c3 = 'css3'; let books = `我要学习的书籍是${js}和${h5}以及${c3}`; books.startsWith("我要");//true books.endsWith("css3");//true books.includesWith("书籍");//true books.includes..原创 2019-03-11 15:49:10 · 8794 阅读 · 0 评论 -
模板字符串
我们定义了三个字符串,需要将三个字符串插入到一句话当中,那么我们需要一段一段的拼接字符串 let js = 'javascript', h5 = 'html5', c3 = 'css3'; let books = "我要学习的书籍是"+js+"和"+h5+"以及"+c3; console.log(books); es6中可以使用模板字符串来写 le原创 2019-03-11 15:04:46 · 583 阅读 · 0 评论 -
es6中set的使用
set是一个集合,不同于数组,数组中可以拥有相同的值,set中不能存相同的值。 let books = new Set();//新建一个新的set集合 books.add("javascript");//往set集合中加一个值 console.log(books);//Set(1) {"javascript"} books.add("html5"); console.log(books);//Se...原创 2019-03-13 11:10:12 · 396 阅读 · 0 评论