ES6基础语法之变量解构赋值(其他)

时间:2022-06-08
本文章向大家介绍ES6基础语法之变量解构赋值(其他),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

简单看一下变量解构(其他)情况下的结构!

获取字符串长度对比

let len="hello".length;
//获取字符串的长度
//ES6可以直接结构这个字符串长度
let {length}="hahahha";

ES5和ES6下传参对比

    {   //es5下,传参比较复杂
    	var arr={
    		a:1,
    		b:2
    	}
    	function add(a,b){
    		return a+b;
    	}
    	add(arr.a,arr.b);
    }
    
    {
    	//ES6下传参明显简洁
    	let obj={
    		a:5,
    		b:8
    	}
    	function add({a,b}){
    		return a+b;
    	}
    	add(obj)
    }

使用ES6变量解构明显代码思路清晰很多!