JS - 函数,Math,number

时间:2024-08-05 10:04:32

函数分为:关键字function

  1. 匿名函数 — 没有名字的函数
  2. 有名函数 — 有名字的函数
<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 不等于自己
*/