4 个实用有趣的 JS 特性

# 前言 最近在学习的过程中发现了我之前未曾了解过的一些特性，发现有些很有趣并且在处理一些问题的时候可以给我一个新的思路。 这里我将这些特性介绍给大家。 # 4 个有趣的 JS 特性 ## 利用 a 标签解析 URL 有的时候我们需要从一个 URL 中提取域名，查询关键字，变量参数值等，一般我们会自己去解析 URL 来获取这些内容。可是你或许不知道还有更简单的方法。 即创建一个 a 标签将需要解析的 URL 赋值给 a 的 href 属性，然后我们就能很方便的拿到这些内容。代码如下： ``` function parseURL(url) { var a = document.createElement('a'); a.href = url; return { host: a.hostname, port: a.port, query: a.search, params: (function(){ var ret = {}, seg = a.search.replace(/^\?/,'').split('&'), len = seg.length, i = 0, s; for (;i< 3; i++) j="0;" j++) (i="==" j) firstloop; 继续 firstloop 循环 中止 console.log(`i="${i}," 输出 相信你从上面两段代码的输出可以对标记语句有一个了解。 # void 运算符 运算符对给定的表达式进行求值，然后返回 undefined。 由于 会忽略操作数的值，因此在操作数具有副作用的时候使用 会更加合理。 使用 替换 undefined 并不是 javascript 的关键字，所以我们在赋值某个变量为 时可能会有点意想不到的结果。 ```function t(){ var console.log(undefined); console.log(t()); 大多数浏览器下都是10 如上代码我们可能希望赋值为 undefined，但却得到了 10 这个莫名其妙的情况。所以我们可以使用使用 这也是为什么我们在很多源码中都能看到使用 intersectionobserver 是什么？ 可以用来监听元素是否进入了设备的可视区域之内，而不需要频繁的计算来做这个判断。 所以我们可以用这个特性来处理曝光埋点，而不是用 getboundingclientrect().top 这种更加损耗性能的方式来处理。 当然你也可以用这个 api 来优化滚动吸顶,代码如下： ```intersectionobserverfun: function() let self="this;" ele="self.$refs.pride_tab_fixed;" if( !!intersectionobserver ){ observer="new" intersectionobserver(function(){ offsettop="ele.getBoundingClientRect().top;" self.titlefixed="offsetTop"> < 0; }, { threshold: [1] }); observer.observe(document.getElementsByClassName('title_box')[0]); } else { window.addEventListener('scroll', _.throttle(function(){ let offsetTop = ele.getBoundingClientRect().top; self.titleFixed = offsetTop < 0; }, 50)); } }, ``` 希望这 4 个特性可以对你有所帮助，然后点个赞在走呗。