JavaScript中的Math.atan2()方法使用详解

 更新时间:2015年06月15日 09:17:49   投稿:goldensun  
这篇文章主要介绍了JavaScript中的Math.atan2()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下

 这个方法返回其参数商数的反正切。该ATAN2方法返回-pi和PI 较(x,y)点的角度theta之间的数值。
语法

Math.atan2( x, y ) ;

下面是参数的详细信息:

  •     x 和 y : 一个数字.

返回值:

返回一个数弧度的反正切值

Math.atan2( ±0, -0 ) returns ±PI.
Math.atan2( ±0, +0 ) returns ±0.
Math.atan2( ±0, -x ) returns ±PI for x < 0.
Math.atan2( ±0, x ) returns ±0 for x > 0.
Math.atan2( y, ±0 ) returns -PI/2 for y > 0.
Math.atan2( ±y, -Infinity ) returns ±PI for finite y > 0.
Math.atan2( ±y, +Infinity ) returns ±0 for finite y > 0.
Math.atan2( ±Infinity, +x ) returns ±PI/2 for finite x.
Math.atan2( ±Infinity, -Infinity ) returns ±3*PI/4.
Math.atan2( ±Infinity, +Infinity ) returns ±PI/4.

例子:

<html>
<head>
<title>JavaScript Math atan2() Method</title>
</head>
<body>
<script type="text/javascript">

var value = Math.atan2(90,15);
document.write("First Test Value : " + value ); 
 
var value = Math.atan2(15,90);
document.write("<br />Second Test Value : " + value ); 

var value = Math.atan2(0, -0);
document.write("<br />Third Test Value : " + value ); 

var value = Math.atan2(+Infinity, -Infinity);
document.write("<br />Fourth Test Value : " + value ); 
</script>
</body>
</html>

这将产生以下结果:

First Test Value : 1.4056476493802698
Second Test Value : 0.16514867741462683
Third Test Value : 3.141592653589793
Fourth Test Value : 2.356194490192345 

相关文章

  • js格式化时间和js格式化时间戳示例

    js格式化时间和js格式化时间戳示例

    这篇文章主要介绍了js格式化时间和js格式化时间戳示例,需要的朋友可以参考下
    2014-02-02
  • javascript实现playfair和hill密码算法

    javascript实现playfair和hill密码算法

    这篇文章主要介绍了javascript实现playfair和hill密码算法,需要的朋友可以参考下
    2014-12-12
  • uniapp实现录音上传功能

    uniapp实现录音上传功能

    这篇文章主要介绍了uniapp 实现录音上传功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-09-09
  • 有关于JS构造函数的重载和工厂方法

    有关于JS构造函数的重载和工厂方法

    有关于JS构造函数的重载和工厂方法,对此有需要的朋友,参考一下。
    2013-04-04
  • 使用 stylelint检查CSS_StyleLint

    使用 stylelint检查CSS_StyleLint

    你需要一个防止错误产生的机器,可以理解CSS并且理解你:你的意图、喜好、主意以及弱点。 只要是它可以阻止的错误它都会持续阻止。同时,你和你的同事可以一直改善机器,扩展它的功能并且削弱其局限性。
    2016-04-04
  • JavaScript类属性的访问方式详解

    JavaScript类属性的访问方式详解

    这篇文章主要介绍了JavaScript类属性的访问方式,需要的朋友可以参考下
    2014-02-02
  • 深入理解JS中的Function.prototype.bind()方法

    深入理解JS中的Function.prototype.bind()方法

    bind 是 ES5 中新增的一个方法,可以改变函数内部的this指向。这篇文章小编将带领大家深入理解Javascript中的Function.prototype.bind()方法。有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-10-10
  • JavaScript中的typeof操作符用法实例

    JavaScript中的typeof操作符用法实例

    在Web前端开发中,我们经常需要判断变量的数据类型。鉴于ECMAScript是松散类型的,因此需要有一种手段来检测给定变量的数据类型——typeof就是负责提供这方便信息的操作符。
    2014-04-04
  • JavaScript中String.match()方法的使用详解

    JavaScript中String.match()方法的使用详解

    这篇文章主要介绍了JavaScript中String.match()方法的使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • THREE.JS入门教程(6)创建自己的全景图实现步骤

    THREE.JS入门教程(6)创建自己的全景图实现步骤

    Three.js是一个伟大的开源WebGL库,WebGL允许JavaScript操作GPU,在浏览器端实现真正意义的3D,全景图非常酷。使用Three.js做一个属于自己的全景图并不是那么困难,感兴趣的朋友可以了解下啊,希望本文对你有所帮助
    2013-01-01

最新评论