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

更新時(shí)間：2015年06月15日 09:17:49 投稿：goldensun

這篇文章主要介紹了JavaScript中的Math.atan2()方法使用詳解,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下

這個(gè)方法返回其參數(shù)商數(shù)的反正切。該ATAN2方法返回-pi和PI 較(x,y)點(diǎn)的角度theta之間的數(shù)值。
語(yǔ)法

Math.atan2( x, y ) ;

下面是參數(shù)的詳細(xì)信息：

x 和 y : 一個(gè)數(shù)字.

返回值:

返回一個(gè)數(shù)弧度的反正切值

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>

這將產(chǎn)生以下結(jié)果：

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

您可能感興趣的文章:

JavaScript使用atan2來(lái)繪制箭頭和曲線的實(shí)例

相關(guān)文章

js格式化時(shí)間和js格式化時(shí)間戳示例
這篇文章主要介紹了js格式化時(shí)間和js格式化時(shí)間戳示例,需要的朋友可以參考下
2014-02-02
javascript實(shí)現(xiàn)playfair和hill密碼算法
這篇文章主要介紹了javascript實(shí)現(xiàn)playfair和hill密碼算法,需要的朋友可以參考下
2014-12-12
uniapp實(shí)現(xiàn)錄音上傳功能
這篇文章主要介紹了uniapp 實(shí)現(xiàn)錄音上傳功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-09-09
有關(guān)于JS構(gòu)造函數(shù)的重載和工廠方法
有關(guān)于JS構(gòu)造函數(shù)的重載和工廠方法，對(duì)此有需要的朋友，參考一下。
2013-04-04
使用 stylelint檢查CSS_StyleLint
你需要一個(gè)防止錯(cuò)誤產(chǎn)生的機(jī)器，可以理解CSS并且理解你:你的意圖、喜好、主意以及弱點(diǎn)。只要是它可以阻止的錯(cuò)誤它都會(huì)持續(xù)阻止。同時(shí)，你和你的同事可以一直改善機(jī)器，擴(kuò)展它的功能并且削弱其局限性。
2016-04-04
JavaScript類屬性的訪問(wèn)方式詳解
這篇文章主要介紹了JavaScript類屬性的訪問(wèn)方式,需要的朋友可以參考下
2014-02-02
深入理解JS中的Function.prototype.bind()方法
bind 是 ES5 中新增的一個(gè)方法，可以改變函數(shù)內(nèi)部的this指向。這篇文章小編將帶領(lǐng)大家深入理解Javascript中的Function.prototype.bind()方法。有需要的朋友們可以參考借鑒，下面來(lái)一起看看吧。
2016-10-10
JavaScript中的typeof操作符用法實(shí)例
在Web前端開(kāi)發(fā)中，我們經(jīng)常需要判斷變量的數(shù)據(jù)類型。鑒于ECMAScript是松散類型的，因此需要有一種手段來(lái)檢測(cè)給定變量的數(shù)據(jù)類型——typeof就是負(fù)責(zé)提供這方便信息的操作符。
2014-04-04
JavaScript中String.match()方法的使用詳解
這篇文章主要介紹了JavaScript中String.match()方法的使用詳解,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
2015-06-06
THREE.JS入門(mén)教程(6)創(chuàng)建自己的全景圖實(shí)現(xiàn)步驟
Three.js是一個(gè)偉大的開(kāi)源WebGL庫(kù)，WebGL允許JavaScript操作GPU，在瀏覽器端實(shí)現(xiàn)真正意義的3D,全景圖非常酷。使用Three.js做一個(gè)屬于自己的全景圖并不是那么困難,感興趣的朋友可以了解下啊，希望本文對(duì)你有所幫助
2013-01-01