ES6对象

1.对象简写
  ES6中规定可以直接在对象中写入变量和函数作为对象的属性和方法,此时属性名为变量名, 属性值为变量的值。对象简写在未来的使用频率极其高。

let name='larry';
	let age=12;
	let obj={
		name,
		age,
    	//es5 sayName:function(){}
    	// sayName(){
        //     console.log(this.name) --按照这种形式写this依然指向调用者
        // },
		// sayName:()=>{
		// 	console.log(this)
		// }
		sayName(){
            //this-->obj
			return ()=>{
				console.log(this)
			}
		}
	}
	obj.sayName()();
let name='larry';
    let age=12;
    let sayName=()=>{
        console.log(this)
    }
        let obj={
            name,
            age,
            //es5 sayName:function(){}
            // sayName(){
            //     console.log(this.name)
            // },
            // sayName:()=>{
            // 	console.log(this)
            // }
            sayName(){
                return sayName
            }
        }
        // obj.sayName()()
    //箭头函数没有自己的this,内部this指向声明箭头函数时外部作用域中的this。
    obj.sayName()()

2.箭头函数
    es5函数内部属性有this和arguments,箭头函数内arguments不再保存实参,如果想接受实参,可以使用rest参数

let test=(a,...b)=>{
		//console.log(this,arguments);
        console.log(a,b);a--1 b--[2,3,4,5]
    }
    test(1,2,3,4,5)

3.扩展运算符
    使用拓展运算符可以解构数组和对象,并返回解构后的新数组或者新对象

let arr=[1,2,3,4,5]
    let [...a]=arr;
    console.log(a);
    console.log(a===arr);//false

    let obj={name:'zhangsan',age:12};
    let {...b}=obj;
    console.log(b);
    console.log(b===obj);//false

4.函数参数解构

function test({name,age,...a}){ ...a解构剩余对象中的属性并返回一个新对象
        console.log(name,age,a)
    }
	test({name:"zhangsan",age:12,gender:1})

5.对象API拓展j

Object.is(a,b); 判断a和b的值是否相等

console.log(1===1);//true
        console.log(Object.is(1,1));//true
        console.log(Object.is(1,2));//false
        console.log(+0===-0)//true
        console.log(Object.is(+0,-0));//false
        console.log(NaN===NaN);//false
        console.log(Object.is(NaN,NaN));//true

  • 17
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值