JS - 函数，Math,number
函数分为：关键字function
- 匿名函数 — 没有名字的函数
- 有名函数 — 有名字的函数
<body>
<div></div>
<script>
// 匿名函数 -
var oTar = document.getElementsByTagName("div");
oTar[0].onclick=function () {
alert(1)
};
// 有名函数 — Fn 第一个字母大写
function Fn() {
alert(1)
}
Fn()
document.onclick=Fn; // 不加括号函数不马上执行，点击后再执行。 加括号不点击就执行了
// 这里document 选中body
</script>
</body>
定义函数：
<script>
// ---------------------------
// 定义函数：
Fn(); // 定义的函数在前面后面都可以调用
function Fn() {
alert(1)
}
Fn(); // 定义的函数后面
</script>
定义函数的一些 骚写法：
<script>
~function () {
alert(1) // 匿名函数加上() + - ! ~ 变成函数表达式，在表达式后面加上（）调用
}();
+function () {
alert(2)
}();
-function () {
alert(3)
}();
!function () {
alert(4)
}(); (function () {
alert(5)
})() ; // 常见一点 (function () {
alert(6)
}())
</script>
函数表达式：
<script>
// 函数表达式
Fn1(); // 函数表达式前面不能执行 未定义
var Fn1 = function () {
alert(1)
};
Fn1(); // 后面才执行
</script>
函数的参数:
<script>
// 1. 实参
function Fn(x) {
alert(x)
}
Fn(1);
// 2. 形参
var a=2;
Fn1(a);
function Fn1(x) {
//-- var x; // 函数内 var 一个x，没有给值。传值进来就有值了
alert(x) // x 是局部变量，命名规则和var相同，无中生有
}
// 3. 不定参 // 参数一一对应
sum(2,2);
function sum(x,y) {
alert(x+y)
}
// 实参 多于 形参, 是参合形参对应，多余的实参存于函数arguments内
sum1(1,2,3,4);
function sum1(x,y) {
alert(x+y);
alert(arguments.length); // 4
alert(arguments[3]) // 4 参数都存在arguments内
}
// 实参少于形参 ， NaN 非法
sum2(2,2);
function sum2(x,y,z) {
alert(x+y+z); // x,y 有值 , NaN
alert(z) // z没有值 undefined，可以给z默认值
}
// 给默认值
sum3(1,2);
function sum3(x,y,z) {
// 给默认值
x = x || 0; // 1 传入值就等于本身，=(true). || 遇真就停
y = y || 0; // 2
z = z || 1; // 没有值传入 =(false). z = 1
alert(x+y+z) // 1+2+1
} </script>
函数的返回值 ：
<script>
// 函数的返回值 默认undefined
function Fn() {
oTag[0].innerHTML="zzzz";
return "ha"; // 设置返回值
}
a =Fn(); // a 接受返回值
alert(a) // "ha"
</script>
函数的作用域：
javascript解析顺序
1.（定义）先解析var function 参数
a.该步骤的var只定义变量，后面的=赋值不解析
b.该步骤的函数只定义函数，函数的执行不解析
c.重名的只留一个，var 和函数重名 函数优先
2.（执行）再从上至下执行其他代码 作用域：
作用：读写
域：范围，区域
解析：
从上至下
1 找 var 定义函数 参数
2 执行
<script>
alert(a); // 这三行的执行顺序 1.先var a;不给值 undefined
var a=1; // 2. 从上到下执行 第一个alert(a) a没值 undefined
alert(a); // a=1, 在第三行的alert(a) 1
</script>
1.函数里var 变量a
</script>
var a=1; //1.找 var a; undefined
function Fn() { // Fn=函数体
alert(2); // 2.执行 a=1,alert(2)
var a=3 // 1)找var a;undefined,
} // 2) 执行 a=3
Fn();
alert(a); // alert(a) 弹出1
</script>
1 和 2 有无var的区别
2.函数里 修改全局a的值
</script>
var a=1; //1.找 var a; undefined
function Fn() { // Fn=函数体
alert(2); // 2.执行 a=1,alert(2)
a=3 // a=3,函数体没有变量a,它会修改
} // 外面的a=1 => 3
Fn();
alert(a); // 弹出 3
</script>
数字方法：Math
/*
Math 数学函数
Math.pow(16, 2)——十六的平方 256
Math.round(5.5)——四舍五入（整数）
Math.ceil(0.2)——向上取整
Math.floor(0.9)——向下取整
Math.max()——取参数中最大的值
Math.min()——取参数中最小的值
Math.random()——0-1的随机数 0--1
Math.random()*m+n // *m => 0*m--1*m ,+n => 0+n--m+n
生成 n ~ (m+n)
Math.PI——π
Math.abs()——求绝对值
*/
number:
/*
js的六大数据类型
number
string
boolean
function
undefined
object
number数字
在js里面的小数和整数统一都是数字，-2^53-2^53，超出范围之后精度就会不准确
number方法
Number()——参数中必须能被转换成数字，否则返回NaN:
parseInt(解析的参数)——将参数转换为数字，整数部分遇到不
是数字就停
parseFloat()——将参数转换为数字，不是数字就停，否则直到
小数部分遇到不是数字就停
Num.toFixed(n)——四舍五入保留n位小数
NaN（Not a Number）
NaN 不等于自己
*/
JS - 函数，Math,number的更多相关文章
- JS Date Math Number
Date对象 Date对象和String对象不太一样,定义了一字符串,其实就是一个String对象,就可以直接调用属性和方法. Date对象的使用,必须使用new关键字来创建,否则,无法调用Date对 ...
- 正则，js函数math()提取混乱字符串中多个字符串内容
var a='start111111endstart222222endasdfasdfasdfakjsfhaksdf'+ 'start333333endstart444444end6666666666 ...
- js字符转换成整型 parseInt()函数规程Number()函数
今天在做一个js加法的时候,忘记将字符转换成整型,导致将加号认为是连接符, 在运算前要先对字符井行类型转换,使用parseInt()函数 使用Number()将字符转换成int型效果更好
- 通用js函数集锦<来源于网络> 【二】
通用js函数集锦<来源于网络> [二] 1.数组方法集2.cookie方法集3.url方法集4.正则表达式方法集5.字符串方法集6.加密方法集7.日期方法集8.浏览器检测方法集9.json ...
- 通用js函数集锦<来源于网络/自己> 【一】
通用js函数集锦<来源于网络/自己>[一] 1.返回一个全地址2.cookie3.验证用户浏览器是否是微信浏览器4.验证用户浏览器是否是微博内置浏览器5.query string6.验证用 ...
- 100多个基础常用JS函数和语法集合大全
网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法: 1.输出语句:document.write(""); 2.JS中的注释为//3.传统 ...
- JS函数
1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏 ...
- js函数大全
js函数集·字符串(String) 1.声明 var myString = new String("Every good boy does fine."); var myStrin ...
- 常用原生JS函数和语法集合
luoyishan-2017-10-08 1. 输出语句:document.write(""); 2. JS中的注释为// 3. 传统的HTML文档顺序是:document-> ...
随机推荐
- 共享仓库，远程仓库，多人协作，github操作
1.共享仓库: 创建共享仓库 1.创建文件夹 mkdir file 2.设置文件夹属主 chown tarena:tarena file 3.将该文件夹设置为可共享的git仓库 cd file git ...
- git中的标签
/*游戏或者运动才能让我短暂的忘记心痛,现如今感觉学习比游戏和运动还重要——曾少锋*/ 1.创建标签: 对于标签来说大家都很熟悉,简单说就是将一个很长的门牌号用另外一个名字来取代,并且好记. 其实利 ...
- HDU2037：今年暑假不AC
Problem Description "今年暑假不AC?" "是的." "那你干什么呢?" "看世界杯呀,笨蛋!" & ...
- 《DSP using MATLAB》Problem 4.5
1. 2. 3. 5.不会
- 推荐10款优秀的JavaScript Web UI库 框架和套件
在进行Web开发时,并非所有的库都适合你的项目,但真正开发的时候,你任然需要依赖一款UI框架.特别在你时间紧迫的时候,它是你忠实的朋友. 他们都是些广泛使用包含不同语言实现的WEB UI框架.今天我就 ...
- php递归函数return会出现无法正确返回想要值的情况
php递归函数中使用return的时候会碰到无法正确返回想要的值得情况,如果不明白其中的原因,很难找出错误的,就下面的具体例子来说明一下吧: 1 2 3 4 5 6 7 8 9 function te ...
- php脚本输出js代码不执行的解决办法和原理。
<?phpecho "<script>alert('我弹出来了')</script>";?> 很简单你一句话就可以在PHP里面输出JS脚本让浏览 ...
- zmediaboard-Hi3518参数及配置
1.12_13.uboot的烧写和flash分区1_21.12.1.裸机烧录uboot(1)什么叫裸机烧录?设备是空白的,未经烧录的,就叫裸机.(2)裸机烧录一个设备有2种方案:1是用外部烧录器来烧录 ...
- 什么是Asp.net Core？和 .net core有什么区别？（转）
什么是Asp.Net core 我相信很多C# Developer已经对于.net core不算陌生了,就算没有正式使用相信也应该有所了解.微软在推出来.net core的同时为了方便一些原有的项目可 ...
- mySQL教程 第1章 数据库设计
E-R设计 很多同学在学SQL语句时,觉得非常困难,那是因为你在学一个你根本不了解的数据库,数据库中的表不是你设计的,表与表之间的关系你不明白.因此在学SQL语句之前,先介绍一下数据库设计. 下面举例 ...