【JavaScript】1.3 函数和对象

63 阅读2分钟

在这一节中,我们将深入讨论JavaScript中的函数和对象。函数是执行特定任务的代码块,而对象是包含属性和方法的数据集合。在JavaScript中,函数和对象是非常重要的概念,理解它们对于掌握JavaScript至关重要。

函数

在JavaScript中,函数是一个执行特定任务的代码块。我们可以使用function关键字来定义一个函数。例如:

function greet() {
    console.log('Hello, world!');
}

在这个例子中,我们定义了一个名为greet的函数,它打印出"Hello, world!"。

我们可以通过调用函数名,后面跟一对圆括号来调用函数。例如:

greet();  // 输出:Hello, world!

函数参数和返回值

函数可以接受参数,参数是传递给函数的值,函数可以使用这些参数来执行其任务。我们可以在函数名后的圆括号中定义参数。例如:

function greet(name) {
    console.log('Hello, ' + name + '!');
}

在这个例子中,greet函数接受一个参数name。我们可以在调用函数时传递这个参数:

greet('Alice');  // 输出:Hello, Alice!

函数也可以返回一个值。我们可以使用return关键字来指定函数的返回值。例如:

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

var sum = add(1, 2);  // sum的值为3

在这个例子中,add函数接受两个参数ab,并返回它们的和。

对象

在JavaScript中,对象是包含属性和方法的数据集合。我们可以使用花括号{}来创建一个对象。例如:

var person = {
    name: 'Alice',
    age: 20,
    greet: function() {
        console.log('Hello, ' + this.name + '!');
    }
};

在这个例子中,我们创建了一个名为person的对象,它有两个属性(nameage)和一个方法(greet)。

我们可以使用点符号.或方括号[]来访问对象的属性或方法。例如:

console.log(person.name);  // 输出:Alice
console.log(person['age']);  // 输出:20
person.greet();  // 输出:Hello, Alice!

this关键字

在对象的方法中,this关键字引用的是调用方法的对象。在上面的例子中,this.name就是person对象的name属性。

构造函数

在JavaScript中,我们可以使用构造函数来创建对象。构造函数是一种特殊的函数,它用来初始化新创建的对象。我们通常使用大写字母开头的名称来命名构造函数。例如:

function Person(name, age) {
    this.name = name;
    this.age = age;
    this.greet = function() {
        console.log('Hello, ' + this.name + '!');
    };
}

var alice = new Person('Alice', 20);
alice.greet();  // 输出:Hello, Alice!

在这个例子中,Person是一个构造函数,它接受两个参数nameage,并使用这些参数来初始化新创建的对象。我们使用new关键字和构造函数来创建一个新的对象。

总结

函数和对象是JavaScript中的核心概念。函数是执行特定任务的代码块,而对象是包含属性和方法的数据集合。理解和掌握函数和对象对于学习JavaScript非常重要。 推荐阅读:

mp.weixin.qq.com/s/dV2JzXfgj…

mp.weixin.qq.com/s/an83QZOWX…