JavaScript基本知识点(上)

HTML/CSS/JS的关系

html:负责页面内容显示和结构

css:页面美化

JavaScript:与用户交互

---

面试题：网页的三层结构是什么？各自的作用是什么？

结构层、表现层、行为层

作用：html:负责页面内容显示和结构

           css:页面美化

           JavaScript:与用户交互

---

一、script标签的作用 

​​​​​

注意：1.针对嵌入和外部js文件使用的时候，script标签哪需要就放哪

           2.如果使用外部js文件，那么script标签内部不能放任何js代码

---

二、输出语句

alert()又叫警示框

---

 三、js注释方法

js注释	// 单行注释、/* */ 多行注释
HTML注释	<!--  -->
css注释	/* */
java注释	同js
PHP注释	#      /* */      //

注释的作用：方便代码阅读

---

四、变量

1.概念：计算机中用来存储数据的

2.变量的创建

   语法：var变量名称 = 值

   变量的命名规范

• 包含数字(0-9)、字母(a-z,A-Z)、下划线(_)、美元符号($) 
• 不能用数字开头
• 不能使用系统关键字、保留字
• 变量名称有意义
• 驼峰命名法:首字母小写，其余单词首字母大写

例：var myFirstName = 'Tom'，var my_first_name = 'Tom'

 3.变量的扩展

    a.初始化赋值    创建变量的时候 赋值

    

    b.变量的值更新

    

 4.特殊情况

     1.只声明变量

      

     2.声明变量时，不加var，隐式声明，函数内部声明全局变量的时候 

     3.同时定义多个变量，变量之间使用英文逗号(,)隔开

---

五、数据类型

1.PHP中的数据类型
boolean(布尔)、int(整型)、float(浮点型)、string(字符串)、array(数组)、object(对象)、null(空)、resource(资源)

2.Java中的数据类型
boolean(布尔)、int(整型)、float(浮点型)、string(字符串)、array(数组)、object(对象)、null(空)、resource(资源)、long、short、double、char、byte

3.javascript中的数据类型
boolean(布尔)、string(字符串)、number(数字)、object(对象)、null(空)、underfinded(未定义)

布尔数据类型中只有true和false两个值

字符串使用引导(单引号和双引号)引起来

数字包括整数和浮点数、NAN

注意：当非数字字符串参与算术运算的时候("+"除外)，得出结果为NaN。

获取变量数据的类型

typeof()

---

 六、运算符

         1.算术运算符

             +加、-减、*乘以、/除以、%取余

         2.比较运算符

              <  小于

              >  大于

                <=  小于等于

                >=  大于等于

                ==  等于        值比较值，值相等返回真，不相等返回假  

                !=  不等于

                ===  恒等于(全等于)比较值和数据类型之和类型都相同，返回真，否则返回假

                !==  恒不等于(全不等于)

         3.逻辑运算符
                &&      逻辑与      两边都为真时，整体返回真，其余情况全给假

                ||      逻辑或      只要有一边是真的为真时，整体返回真，当连边都为假时，整体返回假

                !      逻辑非      取反      非真即假，非假既真

         4.赋值运算  

                =、+=、-=、*=、/=、%=

                例：a+=2  等价于  a=a+2

         5.递增递减运算符

                ++每次加1

                --每次减1

         6.拼接运算符

                +

                例: 5 + "12"      结果为  17

                      5 + "ok"      结果为  5ok

                      5 * "ok"      结果为  NaN

---

七、流程控制

        1.分支结构(选择结构)

                ①单分支

                        语法：if(条件){条件为真的时候，执行}

                                 

                ②双分支

    语法：if(条件){条件为真的时候，执行}else{条件为假，执行的代码块}

                ③多分支

                        a.if...else if...结构

                        语法：if(条件1){

                                     条件1 为真 执行代码块

                                   }else if(条件2){

                                     条件1 为真 执行代码块

                                   }...else{

                                   以上条件都不满足时，执行的代码块

                                   }

                        b.switch...case  结构

                            语法：switch(表达式){

                                           case 值1:执行的代码1;break;

                                           case 值2:执行的代码2;break;

                                           ...

                                           default:以上值匹配不成功的时候，执行的代码

                                      }

---

八、循环结构

   当有一段相同或相似的代码，需要重复执行n次的时候，会使用到循环结构

        1.for循环

             语法：for(var 计数变量=初始值;循环条件;递增或者递减){

                              循环体;

                        }

             

         2.while循环

                语法：

                    计数变量

                     while(循环条件){

                        循环体

                        递增递减

                     }

        3.do...while循环

                语法：

                    计数变量

                    do{

                        循环体

                        递增递减

                        }while(循环条件)

---

九、函数

        函数:一段有名字的代码块

        作用:实现代码复用和提高开发效率

        特性:函数不能自动执行，需要调用

        语法:function 函数名称([形参]){

                   //[]里面的内容可有可无

                   实现特定功能的代码块

                }

        函数调用:函数名([实参])

                        //[]里面的内容可有可无

                        

         注意：形参的个数和实参的个数要保持一致

判断给定的年份是否是一个闰年，如果是闰年返回true，不是返回false

        返回值:return

              作用：给函数本身设置一个值，终止后续代码执行

              注意：一个函数只能有一个返回值

---

十、数组 

概念:数组是一组数据的集合，可以存储任意类型的数据

        1.数组的创建

             ①通过对象的方式创建  new

                

            ②字面量创建  []  是字面量的含义

                

        注意：数组中值和值之间使用英文逗号(,)隔开

        2.数组单个元素的访问

          通过数组元素的键名(下标)，来获取数组的中的某一个值

                语法:数组名[键名]

                ​​​​​​​        

                        修改数组的元素值

                        数组名[键名]=修改后的值

        ​​​​​​​        ​​​​​​​        

        3.数组的遍历

                挨个访问数组中的每一个元素

        ​​​​​​​