这些一行JS实现功能的代码,让你看起

得白癜风去哪里治 http://pf.39.net/bdfyy/dbfzl/191124/7637171.html

JavaScript可以做很多神奇的事情!

从复杂的框架到处理API,有太多的东西需要学习。

但是,它也能让你只用一行代码就能做一些了不起的事情。

看看这13句JavaScript单行代码,会让你看起来像个专家!

1.获取一个随机布尔值(true/false)

这个函数使用Math.random()方法返回一个布尔值(true或false)。Math.random将在0和1之间创建一个随机数,之后我们检查它是否高于或低于0.5。这意味着得到真或假的几率是50%/50%。

constrandomBoolean=()=Math.random()=0.5;console.log(randomBoolean());//Result:a50/50changeonreturningtrueoffalse2.检查日期是否为工作日

使用这个方法,你就可以检查函数参数是工作日还是周末。

constisWeekday=(date)=date.getDay()%6!==0;console.log(isWeekday(newDate(,0,11)));//Result:true(Monday)console.log(isWeekday(newDate(,0,10)));//Result:false(Sunday)3.反转字符串

有几种不同的方法来反转一个字符串。以下代码是最简单的方式之一。

constreverse=str=str.split().reverse().join();reverse(helloworld);//Result:dlrowolleh4.检查当前Tab页是否在前台

我们可以通过使用document.hidden属性来检查当前标签页是否在前台中。

constisBrowserTabInView=()=document.hidden;isBrowserTabInView();//Result:returnstrueorfalsedependingoniftabisinview/focus5.检查数字是否为奇数

最简单的方式是通过使用模数运算符(%)来解决。如果你对它不太熟悉,这里是StackOverflow上的一个很好的图解。

constisEven=num=num%2===0;console.log(isEven(2));//Result:trueconsole.log(isEven(3));//Result:false6.从日期中获取时间

通过使用toTimeString()方法,在正确的位置对字符串进行切片,我们可以从提供的日期中获取时间或者当前时间。

consttimeFromDate=date=date.toTimeString().slice(0,8);console.log(timeFromDate(newDate(,0,10,17,30,0)));//Result:"17:30:00"console.log(timeFromDate(newDate()));//Result:willlogthecurrenttime7.保留小数点(非四舍五入)

使用Math.pow()方法,我们可以将一个数字截断到某个小数点。

consttoFixed=(n,fixed)=~~(Math.pow(10,fixed)*n)/Math.pow(10,fixed);//ExamplestoFixed(25.,1);//25.1toFixed(25.,2);//25.19toFixed(25.,3);//25.toFixed(25.,4);//25.7toFixed(25.,5);//25.72toFixed(25.,6);//25.7268.检查元素当前是否为聚焦状态

我们可以使用document.activeElement属性检查一个元素当前是否处于聚焦状态。

constelementIsInFocus=(el)=(el===document.activeElement);elementIsInFocus(anyElement)//Result:willreturntrueifinfocus,falseifnotinfocus9.检查浏览器是否支持触摸事件

consttouchSupported=()={(ontouchstartinwindow

window.DocumentTouchdocumentinstanceofwindow.DocumentTouch);}console.log(touchSupported());//Result:willreturntrueiftoucheventsaresupported,falseifnot10.检查当前用户是否为苹果设备

我们可以使用navigator.platform来检查当前用户是否为苹果设备。

constisAppleDevice=/Mac

iPod

iPhone

iPad/.test(navigator.platform);console.log(isAppleDevice);//Result:willreturntrueifuserisonanAppledevice11.滚动到页面顶部

window.scrollTo()方法会取一个x和y坐标来进行滚动。如果我们将这些坐标设置为零,就可以滚动到页面的顶部。

注意:IE不支持scrollTo()方法。

constgoToTop=()=window.scrollTo(0,0);goToTop();//Result:willscrollthebrowsertothetopofthepage12.获取所有参数平均值

我们可以使用reduce方法来获得函数参数的平均值。

constaverage=(...args)=args.reduce((a,b)=a+b)/args.length;average(1,2,3,4);//Result:2..转换华氏度/摄氏度。(这个应该很少在国内用到吧)

处理温度有时会让人感到困惑。这2个功能将帮助你将华氏温度转换为摄氏温度,反之亦然。

constcelsiusToFahrenheit=(celsius)=celsius*9/5+32;constfahrenheitToCelsius=(fahrenheit)=(fahrenheit-32)*5/9;//ExamplescelsiusToFahrenheit(15);//59celsiusToFahrenheit(0);//32celsiusToFahrenheit(-20);//-4fahrenheitToCelsius(59);//15fahrenheitToCelsius(32);//0来源:



转载请注明地址:http://www.wangbuliuxinga.com/wxys/9150.html
  • 上一篇文章:
  • 下一篇文章: 没有了
  • 热点文章

    • 没有热点文章

    推荐文章

    • 没有推荐文章