JavaScript基本语法(函数与对象)
阅读原文时间:2023年07月10日阅读:1

#①内置函数

内置函数:系统已经声明好了可以直接使用的函数。

#[1]弹出警告框

alert("警告框内容");

#[2]弹出确认框

用户点击『确定』返回true,点击『取消』返回false

var result = confirm("老板,你真的不加个钟吗?");
if(result) {
    console.log("老板点了确定,表示要加钟");
}else{
    console.log("老板点了确定,表示不加钟");
}

#[3]在控制台打印日志

console.log("日志内容");

1

#②声明函数

写法1:

        function sum(a, b) {
            return a+b;
        }

写法2:

        var total = function() {
            return a+b;
        };

写法2可以这样解读:声明一个函数,相当于创建了一个『函数对象』,将这个对象的『引用』赋值给变量total。最后加的分号不是给函数声明加的,而是给整体的赋值语句加的分号。

#③调用函数

JavaScript中函数本身就是一种对象,函数名就是这个『对象』的『引用』。而调用函数的格式是:函数引用()。

        function sum(a, b) {
            return a+b;
        }

        var result = sum(2, 3);
        console.log("result="+result);

或:

        var total = function() {
            return a+b;
        }

        var totalResult = total(3,6);
        console.log("totalResult="+totalResult);

JavaScript中没有『类』的概念,对于系统内置的对象可以直接创建使用。

#①使用new关键字创建对象

        // 创建对象
        var obj01 = new Object();

        // 给对象设置属性和属性值
        obj01.stuName = "tom";
        obj01.stuAge = 20;
        obj01.stuSubject = "java";

        // 在控制台输出对象
        console.log(obj01);

#②使用{}创建对象

        // 创建对象
        var obj02 = {
            "soldierName":"john",
            "soldierAge":35,
            "soldierWeapon":"gun"
        };

        // 在控制台输出对象
        console.log(obj02);

#③给对象设置函数属性

// 创建对象
var obj01 = new Object();

// 给对象设置属性和属性值
obj01.stuName = "tom";
obj01.stuAge = 20;
obj01.stuSubject = "java";

obj01.study = function() {
    console.log(this.stuName + " is studying");
};

// 在控制台输出对象
console.log(obj01);
// 调用函数
obj01.study();

或:

// 创建对象
var obj02 = {
    "soldierName":"john",
    "soldierAge":35,
    "soldierWeapon":"gun",
    "soldierShoot":function(){
        console.log(this.soldierName + " is using " + this.soldierWeapon);
    }
};

// 在控制台输出对象
console.log(obj02);
// 调用函数
obj02.soldierShoot();

#④this关键字

this关键字只有两种情况:

  • 在函数外面:this关键字指向window对象(代表当前浏览器窗口)

  • 在函数里面:this关键字指向调用函数的对象

    // 直接打印this
    console.log(this);

    // 函数中的this
    // 1.声明函数
    function getName() {
    console.log(this.name);
    }

    // 2.创建对象
    var obj01 = {
    "name":"tom",
    "getName":getName
    };
    var obj02 = {
    "name":"jerry",
    "getName":getName
    };

    // 3.调用函数
    obj01.getName();
    obj02.getName();