JavaScript（1）语法基础

// 单行注释


/*
    多行注释
    多行注释
    多行注释
 */

// 声明变量。
var a = 123;

var x = "12.05";
// 转换成String
console.log(x.toString() + "：" + typeof x.toString());
// 转换成Boolean
console.log(Boolean(x) + "：" + typeof Boolean(x));
// 转换成Number
console.log(parseFloat(x) + "：" + typeof parseFloat(x));
console.log(parseInt(x) + "：" + typeof parseInt(x));

var a = 10;
var b = 20;
var c = "10";
// 加法
console.log(a + b);
// 等值符和等同符
console.log((a == c) + "：" + (a === c));
// 关系运算符：大于
console.log(a > b);

var a = 15;
var b = ["呵呵", "哈哈", "垃圾"];

// 判断：if else
if (a == 10) {
    console.log("a为10");
} else if (a == 20) {
    console.log("a为20");
} else {
    console.log("a未匹配");
}
// 判断：switch
switch (a) {
    case 10:
        console.log("a为10");
        break;
    case 20:
        console.log("a为20");
        break;
    default:
        console.log("a未匹配");
        break;
}
// 循环：for
for (var i = 0; i < b.length; i++) {
    console.log(i);
    console.log(b[i]);
}
// 循环：增强for（i代表的角标，这个和java中不一样）【经常用于遍历对象】
for (var i in b) {
    console.log(b[i]);
}
// 循环：while
while (a < 20) {
    console.log(++a);
}
// 循环：do while
do {
    console.log(a++);
} while (a < 25);

// 创建对象
var student = {
    "name": "曹老三",
    "age": 18,
    "grade": 50,
    "isBy": false,
    "study": function () {
        console.log("我在学习")
    }
}
// 修改对象（属性）
student.name = "王大妞";
// 读取对象（属性）
console.log(student.name);
console.log(student["name"]);
// 删除对象（属性）
delete student.name;
console.log(student.name);
// 调用对象的函数属性
student.study();

// 创建对象
var student = {
    "name": "曹老三",
    "age": 18,
    "grade": 50,
    "isBy": false,
    "study": function () {
        console.log("我在学习")
    }
}
// 遍历对象
for (item in student) {
    console.log(student[item]);
}

// 第一种声明方式：普通函数声明【常用】（函数声明提前）
function test1(a, b) {
    alert("我是第一种声明方式" + (a + b));
}
// 第二种声明方式：构造函数方式
var test2 = new Function("a", "b", "alert(a+b);");
// 第三种声明方式：匿名函数并赋给一个变量【常用】
var test3 = function (a, b) {
    alert("我是第三种声明方式" + a + b);
};
// 定义需要返回值的函数
function sum(a, b) {
    return a + b;
}

// 调用函数
test1(5, 6);
// 调用函数(有返回值)
var c = sum(5, 6);

// 全局变量
var d = 789;
// 方法
function test1(a, b) {
    // 局部变量
    var c = 654;
    // 输出局部变量
    console.log(c);
    // 输出全局变量
    console.log(d);
    return c;
}
// 输出局部变量【报错】
// console.log(c);
// 输出全局变量
console.log(d);
test1();

// 实参传入（1）函数
function test1(a) {
    console.log("test1 -------------- ");
    // 方式一对应：调用函数test2
    console.log(a(5, 6));
    // 方式二对应：输出函数test2返回值
    console.log(a);
}
function test2(a, b) {
    console.log("test2 -------------- ");
    return a + b;
}
// 方式一：将函数对象传入
test1(test2);
// 方式二：调用函数，将返回值传入
test1(test2(5, 6));

// 实参传入（2）对象
var person = {
    "name": "曹老三",
    "age": 15
};
function test1(a) {
    console.log(a.name);
    console.log(a.age);
}
// 调用函数传入对象
test1(person);

/**
 * 立即执行函数：
 * 外边括号防止编译报错，表示为一个整体
 * 后边括号为立即调用函数。
 **/
(function () {
    console.log("123")
})();

// 提前打印a：undefined。声明未赋值就是undefined
console.log(a);
// 提前打印b：报错！因为b还没有声明
console.log(b);
// 使用var声明a
var a = "123";
// 不使用var声明b
b = "456";

// 正常使用函数
test1();
// 报错：函数不存在
test3();
// 声明提前，页面加载时候就被创建，也就是说无论什么时候使用都行。
function test1() {
    console.log("我是第一种声明方式");
};
// 声明不提前：只有执行这段代码之后test3方法才能调用。
var test3 = function (a, b) {
    console.log("我是第三种声明方式");
};

// 全局变量
var a = 10;
var b = 33;
// 函数
function test1() {
    // 局部变量
    var a = 20;
    // 优先使用局部变量
    console.log("函数中：" + a);
    // 局部变量没有b使用全局变量b
    console.log("函数中：" + b);
};
// 外部访问的就是全局变量
console.log("全局：" + a);
test1();