js基础知识（上）

• 编写位置

1. HTML内部  

<a href="javascript:alert('哈哈哈')">google一下</a>

1. 在script内
2. 独立js文件

<script src="./demo.js"></script>

• 注意事项

1. 对于不能处理Js文件的浏览器，使用noscript

<noscript>

  <h1>你的浏览器不支持js，请打开对应的渲染或者更换浏览器</h1>

</noscript>

1. script不能使用单标签
2. script写在body最后面

• 交互方式

1. alert函数

alert('hello world');

1. console.log函数

console.log('hello world');

1. document.write

document.write('hello alex');

1. prompt函数

var result = prompt('请输入你的名字');

• 注释

1. 单行注释

//

1. 多行注释

/*   */

不支持嵌套

1. 文档注释

/**

• 变量variable

1. 只能有数字，字母，$和下划线组成
2. 不能由数字开头
3. 区分大小写
4. 不要用中文
5. 不要使用关键字和保留字

• 数据类型

1. Number代表整数和浮点数
2. String

console.log(`my name is${nickName}`);

1. Boolean判断真假

0，null,undefined,NaN,"" -> false

1. Undefined未定义
2. Object引用类型或复杂类型
3. Null通常用来初始化对象或释放内存

• Typeof操作符

1. 基本操作

- 对一个值使用 typeof 操作符 会返回下列字符串之一

  "undefined"表示值未定义

  "boolean"表示为布尔值

  "string"表示为字符串

  "number"表示为数字

  "object"表示为对象或 null

  "function"表示为函数

  "symbol"表示值为符号

- typeof 的用法

  可能还会遇到 typeof（xxxx），他与 typeof xxxx 一样只是把后面当作整体，并不是函数调用

1. Null

var address = null;

console.log(typeof address); //object

1. 其他

var age;

console.log(typeof age); //undefined

• 运算符

1. 算术运算符

+ - * / % **等等

1. 赋值运算符（从右到左运算）

+=  -=  /=  %=  **=

1. 逻辑运算符

&&(遇假短路 全真返回最后一个初始值)  ||(遇真短路，返回初始值)  !(双取反为真)

1. 比较运算符

> < >= <= != == ===

1. 条件运算符(三元运算符)

var res = a>b?a:b;

• 分支语句

1. If...
2. If...else...
3. If...else if...else...
4. Switch开关
5. Case情况
6. Break打断
7. Default其余情况

• 循环语句

1. While

while (循环条件) {

  //循环的代码 循环体

}

1. do... while

do {

  //循环体

} while (循环条件);

1. for(初始变量；条件判断；步长){}
2. 循环控制语句

break跳出循环

continue跳过本次迭代，继续

• 随机数

1. Math.random() à [0,1)
2. Math.floor(Math.random()*100) à [0,100)