JavaScript基础

JavaScript: 弱类型语言(变量的类型是由它的值决定的)

1. 声明变量

var(关键字)a = 10

var b = 20

2. 输出日志

console.log(a+b)

console.log('hello word')

3. if 判断

if (a > 10){

    console.log('a大于10')

}

if (b < 10){

    console.log('b大于10')

}else{

    console.log('b小于等于10')

}

if (b > 10){

    console.log('b大于10')

}else if(b < 10){

    console.log('b小于10')

}else{

    console.log('b等于10')

}

4. for循环

i++ 等价于 i = i + 1

i -- 等价于 i = i - 1

for (var i=0; i<10; i++){

    console.log(i)

}

5. 数组类型

var arr = [1, 2, 3, 4, 5, 6, 7]

// undefined 使用的变量是未定义的

// arr.length 数组的长度

var num = arr[arr.length-1]

console.log(num)

// for 循环遍历数组

for (var i = 0; i < arr.length; i++){

    console.log(arr[i])

}

// 泛型遍历

// 执行泛型遍历, 拿到数据的索引

for(num in arr){

    console.log(arr[num])

}

// push压栈 向数组中添加数据

// 栈结构 先入后出 后入先出

arr.push(11)

console.log(arr)

// pop 出栈

num = arr.pop()

console.log(num)

// 修改数组中的元素

arr[0] = 'hello world'

console.log(arr)

6. while循环

while(a < 20){

    a+=2

    if(a == 18){

    break

}

}

7. 类似于字典的数据存储结构

var data = {'name': '张三', 'age': 20}

// 取出数据

1> var name = data['name']

console.log(name)

2> console.log(data.age)

// 添加

data['sex'] = true

console.log(data)

// 删除

delete.data.sex

console.log(data)

// 函数

function eat(){

    console.log('执行了eat函数......')

}

// 调用eat函数

eat()

// 带参数的函数

function sum(a, b){

    console.log(a+b)

    return a+b

}

res = sum(10, 20)

console.log(res)

8. 弹框 只有确定按钮

alert('你好')

9. 带取消按钮的弹框

result = confirm('你确定要删除吗?')

if(result){

    console.log('你点击了确定按钮')

}else{

    console.log('你点了取消按钮')

}