实现查询字符串参数—(ES5与ES6两种语法对比)

本文通过电话面试中的一道问题,探讨JavaScript在处理查询字符串参数时,ES5与ES6语法的差异。作者分析了如何使用ES6的解构赋值、默认参数和箭头函数进行代码优化。
摘要由CSDN通过智能技术生成

#题记
这几天,接到阿里的电话面试,其中问了一些简单的问题,也问了一些需要思考的问题,现在想把这个问题详细的记录一下!
#正文
众所周知,JavaScript已经是互联开发的第一大语言,而且正在变成一种全领域的语言。
随之,ECMAScript正式JavaSript的国际标准,这就决定了该标准的重要性!
下面我想从一道简单的问题,来引申出ES6的解构赋值问题!
##题目

/*
请构造一个函数
输入:'https://www.baidu.com/s?wd=vue的&ha=xx'
输出:
{
	wd:vue,
	ha:xx	
}
*/

一个很简单的查询字符串的参数,我们看看利用ES5的语法来怎么实现:
###ES5:

function getQuery(url){
	// 首先根据?来分割字符串,获取到参数字符串
	var str = url.solit("?")[1];
	// 创建保存数据的对象
	var args = {};
	// 根据参数字符串来分割,把字符串分割为wd=vue 与 ha=xx
	var items = str.length ? str.split("&") : [];
	for(var i=0;i<items.length;i++){
		// 获取到key 键
		var k = items.split("=")[0];
		// 获取到value 值
		var v = items.split("=")[1];
	}
	// 如果有参数字符串,则一一对应
	if (k.length
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值