与属性打交道以及原生JS的函数

2023-11-19 00:28:57

原生JavaScript中，函数和属性的操作是两种非常基本的方式。函数可以用来执行任务，而属性可以用来存储数据。

函数

函数是一种代码块，它可以接受输入，执行一些计算，并返回输出。函数可以用各种方式来调用，包括：

直接调用
通过变量调用
通过对象调用

直接调用

直接调用函数是最简单的方法。只需要使用函数名，就可以调用函数。例如：

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

sayHello(); // 输出：Hello, world!

通过变量调用

也可以通过变量来调用函数。首先，将函数赋值给一个变量，然后使用变量名来调用函数。例如：

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

var greet = sayHello;

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

通过对象调用

如果函数是作为对象的一部分，那么可以使用对象名.函数名来调用函数。例如：

var person = {
  name: 'John Doe',
  greet: function() {
    console.log('Hello, my name is ' + this.name);
  }
};

person.greet(); // 输出：Hello, my name is John Doe

属性

属性是一种数据存储单元，它可以存储各种类型的数据，包括字符串、数字、布尔值、数组和对象。属性可以用各种方式来访问，包括：

直接访问
通过变量访问
通过对象访问

直接访问

直接访问属性是最简单的方法。只需要使用属性名，就可以访问属性。例如：

var person = {
  name: 'John Doe',
  age: 30
};

console.log(person.name); // 输出：John Doe

通过变量访问

也可以通过变量来访问属性。首先，将属性赋值给一个变量，然后使用变量名来访问属性。例如：

var person = {
  name: 'John Doe',
  age: 30
};

var name = person.name;

console.log(name); // 输出：John Doe

通过对象访问

如果属性是作为对象的一部分，那么可以使用对象名.属性名来访问属性。例如：

var person = {
  name: 'John Doe',
  age: 30
};

console.log(person.name); // 输出：John Doe

this

this关键字是指向当前对象的引用。在函数中，this关键字是指向调用函数的对象。在对象中，this关键字是指向对象本身。

在函数中使用this

在函数中，this关键字可以用来访问函数中的属性和方法。例如：

var person = {
  name: 'John Doe',
  greet: function() {
    console.log('Hello, my name is ' + this.name);
  }
};

person.greet(); // 输出：Hello, my name is John Doe

在对象中使用this

在对象中，this关键字可以用来访问对象的属性和方法。例如：

var person = {
  name: 'John Doe',
  age: 30,
  greet: function() {
    console.log('Hello, my name is ' + this.name + ' and I am ' + this.age + ' years old.');
  }
};

person.greet(); // 输出：Hello, my name is John Doe and I am 30 years old.