
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 · 1404 阅读 · 0 评论 -
es6中类的继承
类的继承关键字extendsclass 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 · 445 阅读 · 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 · 865 阅读 · 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 · 157 阅读 · 0 评论 -
设置对象的prototype以及super的使用
let book1 = { getbook(){ return "javascript"; }};let book2 = { getbook(){ return "html5"; }}let book = Object.create(book1);console.log(book.getbook());//javascriptconsole.log(Object.get...原创 2019-03-12 13:56:06 · 612 阅读 · 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 · 1548 阅读 · 0 评论 -
比较两个值是否相等
Object.is('a','a');//truelet num1 = 1;let num2 = 1;Object.is(num1,num2);//trueObject.is(NaN,NaN);//trueObject.is(-0,+0);//false原创 2019-03-12 13:09:47 · 424 阅读 · 0 评论 -
ES6对象表达式和添加属性
我们定义了2个变量,books对象的属性刚好和定义的变量名相同,则可以简写。如果对象属性study是个方法,则可以简写为study(){}let books = { study:function(){ }};let js = "javascript", h5 = "html4";let books = { js,//如果属性名和变量名字一样,并且属性的值就是变量的值可以这样简写...原创 2019-03-12 11:10:18 · 11961 阅读 · 0 评论 -
箭头函数=>
直接上代码let books = js => js;//箭头左边是的函数传递的参数,箭头右边返回的是函数的返回值books("javascript");如上代码机会返回javascript如果这个函数有多个参数的话就用()let books = (js,h5) => js + h5;//箭头左边是的函数传递的参数,箭头右边返回的是函数的返回值books("javascri...原创 2019-03-11 17:40:12 · 451 阅读 · 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 · 2301 阅读 · 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 · 470 阅读 · 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 · 1161 阅读 · 0 评论 -
ES6判断字符串中是否包含其他字符串
let js = 'javascript', h5 = 'html5', c3 = 'css3';let books = `我要学习的书籍是${js}和${h5}以及${c3}`;books.startsWith("我要");//truebooks.endsWith("css3");//truebooks.includesWith("书籍");//truebooks.includes..原创 2019-03-11 15:49:10 · 8771 阅读 · 0 评论 -
模板字符串
我们定义了三个字符串,需要将三个字符串插入到一句话当中,那么我们需要一段一段的拼接字符串let js = 'javascript', h5 = 'html5', c3 = 'css3';let books = "我要学习的书籍是"+js+"和"+h5+"以及"+c3;console.log(books);es6中可以使用模板字符串来写le原创 2019-03-11 15:04:46 · 566 阅读 · 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 · 381 阅读 · 0 评论