JavaScript函数总结—越努力,越幸运!

时间:2022-01-21 13:42:18

JavaScript 函数总结

JavaScript为web的编程脚本语言。

JavaScript由三部分组成:emc(语法) dom(文档对象模型) bom(浏览器对象模型)。

【函数的定义】
  1、为了完成、执行代码段。
  2、方便维护,有利于优化。
  3、可以重复利用。
【引入方法】
  1、在body标签底部,是因为计算机是从上往下执行,先执行html和css文件,最后才执行js文件。

<body>

  <script type="text/javascript" src="js/test.js" charset="utf-8"></script>
</body>

  2、在我们需要引入外部,别人的js文件,比如框架,那么就要把它写在head标签中。

<head>
  <script type="text/javascript" src="js/test.js" charset="utf-8"></script>
</head>

 

【声明变量以及命名规则】
  1、声明变量的同时并且赋值。    

var test='this is a test';  

  2、声明多个变量赋相同的初始值。   

var a=b=c=d=e=1;

  3、变量重名会产生覆盖。 

a=33;  a=1;     

  4、变量名称严格区分大小写。

var username='king';  var USERNAME='QUEEN';  

  5、变量名称要含义明确,以字母或者下划线、$符号开始,不能用特殊符号。

var a='bb';   var _test='hello';    

  6、驼峰标记法。 

var firstName='king';//小驼峰    var FirstName='queen';//大驼峰    var first_name='maizi';//下划线法

  7、要语义化。

【js中五种基本类型】
  数值类型(number)(包括整型、浮点型、number)、
  布尔类型(boolean)、
  字符串类型(string)、
  null、
  undefined(未定义的)。
【一种特殊类型】
  对象(object)

【五种强制转换类型】
  Number(数值)、String(字符串)、Boolean(布尔)、parseInt(整型)、parseFloat(浮点型)
【 隐式转换】
  1、其它类型转换成布尔类型 

       (【返回假】0、空字符串、NaN、undefined)
  2、其它类型转换成数值型     

       (数值型+undefined=NaN   数值型+null=数值 ( boolean:true+2=3 false+2=2))
  3、其它类型转换成字符串型   

      (【拼接字符串】 + )

【运算符与表达式】
  算术运算符:+、-、*、/、%(模)
      字符串+数值= 弹出(字符串(string))
    (注意:字符串型不支持自增自减运算符)
      字符串++ 【NaN】
  逻辑运算符:
    与(&&)
        (只要第一个表达式是false,第二个就短路了,整个表达式就是false)
       两个表达式中有一个为false,整个结果为false
    或(||)
        (只要第一个表达式是true,第二个就短路了,整个表达式就是true)
       两个表达式中有一个为true,整个结果为true
    非(!)

      (取反)
  三元运算符:

    (语法:条件 ? 结果1 : 结果2;)

       这里把条件写在问号(?)的前面后面跟着用冒号(:)分隔的结果1和结果2。满足条件时结果1否则结果2。
  字符串连接符: +
  赋值运算符: =(赋值)     ==(判断)    ===(全等)     +=   -=    *=     /=     %=      !=
  比较运算符: >     <     >=    <=
  逗号表达式:

 void运算符(void不管是什么,都显示未定义)
 void弹出类型就是undefined
 z=void(n=1,m=2,p=3);
 alert(z); //undefined

【流程控制】

条件语句  if    else if(exp){
  exp为true的代码段;
}else{
  exp为false的代码段;
}

 switch...case

(严格比较)

switch(exp){
case 值1:
      执行的代码段;
break;
case 值2:
      执行的代码段;
break;
...
default:
       执行的代码段;
break;
}
循环语句  for (i++和++i一样) for(exp1;exp2;exp3){
循环体;
}
exp1:无条件的执行第一个表达式
exp2:是判断是否能执行循环体的条件
exp3:做增量的操作

 while

while(false)的时候不会输出任何东西

while(exp)  { 
  循环体;
}
 do while do{
  循环体;
}while(exp);
特殊循环控制  break、return(停止、终止循环)  
 continue(结束本次循环)  

 

【函数的命名规范】
  1、严格区分大小写。
  2、函数名称要注意驼峰式写法,下划线连接。
  3、不能包括特殊字符。
  4、要语义化。
  5、函数名不能覆盖。
  6、函数可以有参数,也可以没有,形参和传参要一样。
  7、函数通过return返回值,如果没有,默认返回undefined。

【变量作用域】
  在函数中:
  函数体内(局部变量)
  函数体外(全局变量)
【全局变量(公用的)与局部变量】
  如果全局变量和局部变量同时声明时(二次赋值),先读取局部变量,局部变量执行力更强。
  如果在函数里面重新声明函数外面的全局变量,可以读到它,但是取不到它的值。
【parseInt】
  parseInt() 函数可解析一个字符串,并返回一个整数。
  parseInt(string, radix)
  string:
    必需。要被解析的字符串。
  radix:
    可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。
  如果省略该参数或其值为 0,则数字将以 10 为基础来解析。
  如果它以 “0x” 或 “0X” 开头,将以 16 为基数。
  如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。
  返回值:返回解析后的数字。
  说明:
  当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数。
  举例:
  如果 string 以 "0x" 开头,parseInt() 会把 string 的其余部分解析为十六进制的整数。
  如果 string 以 0 开头,那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。
  如果 string 以 1 ~ 9 的数字开头,parseInt() 将把它解析为十进制的整数。
  提示:
  只有字符串中的第一个数字会被返回。
  开头和结尾的空格是允许的。
  如果字符串的第一个字符不能被转换为数字,那么 parseFloat() 会返回 NaN。
【数组】
  [获取数组最大值与最小值]

 var a=[1,2,3,5];
 alert(Math.max.apply(null, a));//最大值
 alert(Math.min.apply(null, a));//最小值

【Infinity】

    Infinity 【正无穷大】
  -Infinity 【负无穷大】

  注意:任何数乘以infinity都等于infinity,任何数除以infinity都等于0

 

未完待续。。。