JS知识点

1、js代码编写位置

方式一：推荐使用的方式

-可以将js代码编写到外部js文件中，然后通过script标签引入

<script type="text/javascript" src="js/script.js"></script>

    -写到外部文件中可以在不同的页面中同时引用，也可以利用浏览器的缓存机制

    注意：script标签一旦用于引入外部文件就不能再编写代码了，即使编写了也没用如果需要则可以再创建一个新的script标签用于编写内部编码

方法二

  可以将js代码编写到标签的Onclick属性中， 当我们点击按钮时  js代码才会执行 

虽然可以写在标签的属性中，但是它们属于结构与行为耦合，不方便维护，不推荐使用

<button onclick="alert('讨厌，你点我干嘛')">点我一下</button>

方法三

可以将js代码写在超链接的href属性中，这样当点击超链接时，会执行js代码

<a href="javascript:alert(1);">你也点我一下</a>

2、js变量声明与数据类型

javascript的变量声明：

    格式：

        var 变量名 = 数据;

 声明变量要注意的事项：

        1. 在javascript中声明变量是 使用var关键字声明的，javascript中的变量可以存储任意的数据类型数据.

        2. javascript中变量数据类型是根据存储的值决定的，可以随时更改存储数据的类型。

        3. 定义了多个同名的变量是，后定义的同名变量是覆盖前面定义的同名变量。

        4. 声明变量的时候可以省略var关键字，但是不建议省略。

javascript的数据类型：

typeof 查看变量的数据类型。

    使用格式： typeof 变量名        

javascript的数据类型：number 小数与整数

string 字符串 注意： javascript中没有字符的概念，只有字符串，字符串可以写在单引号或双引号中。

    boolean 布尔数据类型，

undefined  undefined代表该变量没有定义.

3、js运算符

JavaScript 算数运算符

JavaScript 赋值运算符

JavaScript 字符串运算符

JavaScript 比较运算符

JavaScript 逻辑运算符

JavaScript 位运算符

4、js if语句与switch语句

当分支较多时，当时用switch的效率是很高的。因为switch是随机访问的，就是确定了选择值之后直接跳转到那个特定的分支，但是if。。else是遍历所以得可能值，知道找到符合条件的分支，如此看来switch的效率确实比if else要高的多。

switch…case只能处理case为常量(是不可以改变的值)的情况，对非常量的情况是无能为力的。例如 if (a > 1 && a < 100)，是无法使用switch…case来处理的。所以，switch只能是在常量选择分支时比if else效率高，但是if else能应用于更多的场合，if else比较灵活。

if和switch的区别

if语句：表达式的结果是boolean布尔类型(常用于区间判断)

switch语句：表达式类型不能是boolean布尔类型，可能是byte,int,char,string,枚举(常用于等值判断)

5、JS for循环与while循环

for循环

for循环的作用：可以让在for循环中的代码重复执行

基本语法

for(循环起点;循环条件;累加器){

     循环体(需要循环的代码块);

}

循环执行过程：

执行循环起点 例：var a=0;

循环条件的判断 例：a<5;

若循环条件成立，则执行循环体

若循环条件不成立，则结束循环

然后执行循环体，在执行累加器 例：a++;

重复执行第二步上述小例子：

//用for循环:循环一个礼拜有多少天,并在页面上输出

for(var i=1;i<=7;i++){

    document.write('第'+i+'天'+'</br>');

}

while循环

基本语法

循环起点

while(循环条件){

   循环体（重复执行的代码）

   累加器

}

计算表达式的值，当值为真(非0)时，则 执行循环体语句。

while循环跟for循环变种写法几乎一致不同的是（不用再循环条件前后必须加上;(分号)）这也是while循环的最大优势

//示例：用while循环输出1-10的奇数

var i = 1;//循环起点

while(i<=10){//循环条件

    if (i%2===1) {

        console.log(i)

    }

    i++;//累加器

}

使用while循环语句应注意以下几点：while语句中的表达式一般是关系表达或逻辑表达式，只要表达式的值为真(非0)即可继续循环。

循环体如包括有一个以上的语句，则必须用{}括起来，组成复合语句。

for循环的while循环的区别

for: 对于for循环来说，一般循环的是知道指定次数的元素，比如对一个知道长度的数组或者类数组进行循环。

while: 对于while循环来说，一般不知道我们需要执行多少次，不知道循环什么时候结束。当达到指定的目的后，结束循环。

总结: for 和 while 都是循环方法。具体在什么情况下使用，要根据需求的不同。对于不知道要具体循环多少次时。用while方法，当知道具体的循环次数时，就用for方法