一、基础语法

1. js定义

• js是JavaScript的缩写，是一个脚本语言，专门用来负责网页上的行为。

2. 代码位置

• 可以写在script标签中，理论上可以放在HTML文件中的任意位置
• 写在标签事件属性中 - 如：onclick
• 写在外部的js文件中，文件的后缀是 .js

3. js在网页中的功能

• 在网页的不同位置插入 html 代码
• 修改标签的内容
• 修改标签的样式

4. 注释：

• a.单行注释： //

//我是单行注释

• b.多行注释：/* */

/*
 我是多行注释
 我是多行注释
 我是多行注释
 */

5. 语句

• 一条语句结束要加分号
• 一行显示多天语句时，每条语句之间用分号隔离开

6. 缩进

• js没有缩进要求，用 { } 来表示一个块

7. 控制台输出

• console.log(任意内容); ---- 常用的一种，推荐使用

二、基本数据类型

• 数字 --- Number
• 字符串 --- String
• 布尔 --- Boolean
• 数组 --- Array
• 对象 --- Object
• null
• UNdefined
• Function

三、字面量

• 数字字面量

123； 12.3； 3e8； -123

• 字符串字面量

'abc' ; "abc"

• 布尔字面量

true; false

• 数组字面量

[1, '2', 'a', true, false, 4, 5]
[ ]

• 对象字面量

var dict = {a:1, b:2}

四、声明变量

• 语法

var 变量名 ---- 不赋值
var 变量名 = 初值 ---- 赋值

• 说明

1. var
   是关键字
2. 变量名

标识符：字母、数字、下划线、$组成

• 命名规则

标识符
不能随意使用 $ 开头
驼峰式原则：第一个单词首字母小写，其他单词首字母大写

• 综合实例

 //声明变量
var userName;
 

 //给变量赋值
userName = 'quye';
var score = 100;


//同时声明多个变量
var name, age, sex;
var name1 = 'yizhu', age = 18,  sex;


//一个变量可以存储任意类型的值，声明变量的时候，变量没有赋值，默认值是UNdefined
var a = 'abc'
a = 100
console.log(typeof(a))    

五、运算符

六、分之结构

• if 语句

if (条件语句){ 满足条件要执行的语句块 }

if (条件语句){语句块1} else if {语句块2} else{语句块3}

var age = 18;
if  (age >= 18){
  console.log('成年')
}

//b. if(条件语句){语句块1}else{语句块2}

if (age >= 18){
  console.log('成年')
}else{
  console.log('未成年')
}


//if - else if - else
if (age < 18){
  console.log('未成年')
}else if(age<40){
  console.log('青年')
}else{
  console.log('老年')
}

• switch语句

switch（变量）{
case值1：
语句1；
break；
case值2：
语句2；
break；
.........
default：
语句块3
break：
}

执行过程

使用变量的值依次和后面每个case后面的值进行判断，看是否相等(完全相等)，如果相等就执行那个case后面对应的语句；如果前面每个case后面的值都和变量的值不相等，就执行default后面的语句

七、循环

• for循环1

for （变量 in 数组/对象）{ 函数体 }

• for循环2

for （表达式1，表达式2，表达式3）{循环体}

执行过程

for循环.png

• while 循环

while（条件语句）{ 循环体 }

• do - while 循环

do {循环体} while （条件语句）

执行过程

首先执行函数体，判断条件语句是否为ture，如果是就执行函数体，执行完函数体，再次判断条件语句，直至条件语句为false就结束循环。

八、函数

• 声明函数

function 函数名（参数列表）{ 函数体 }

• 说明

function： 关键字
函数名：驼峰式；见名知意
参数：可以有默认参数，且默认参数放在后面。传参的时候，按照位置传参来传。在调用函数的时候，必须保证每个参数都有值

易竹小居士.jpg