Maison  >  Article  >  interface Web  >  Qu'est-ce qu'une fonction en javascript

Qu'est-ce qu'une fonction en javascript

青灯夜游
青灯夜游original
2021-07-19 17:03:213378parcourir

En JavaScript, une fonction (Fonction) est un morceau de code encapsulé qui peut être utilisé (appelé) à plusieurs reprises ; une fonction peut être une valeur, un objet, un type de données ou une expression, donc une fonction peut être assignée. une valeur, peut effectuer des opérations, peut avoir des propriétés et des méthodes, et peut même stocker temporairement des valeurs, construire des instances, etc.

Qu'est-ce qu'une fonction en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

En JavaScript, l'objet est un concept général.Toute valeur peut être convertie en objet et utilisée sous forme d'objets, tels que des objets numériques, des objets booléens, des objets chaîne, des objets type, des objets fonction, des objets tableau, etc. ils héritent tous des objets de type Object et ont des propriétés et méthodes de base communes. De plus, JavaScript autorise également les objets personnalisés.

D'après une analyse de concept étroite, l'objet (Object) est le type de données le plus basique. Il s'agit d'une structure composite et de données de référence. Il s'agit d'une collection de données non ordonnée. Chaque membre de l'objet est appelé un attribut.

JavaScript est un langage de programmation basé sur les objets, mais pas entièrement orienté objet. Dans le modèle de programmation orientée objet JS, il existe deux concepts fondamentaux : les objets et les classes. Avant la spécification ECMAScript6, JavaScript n'avait aucun concept de classes et permettait uniquement la simulation des classes via des constructeurs et l'héritage via des prototypes.

JS crée des objets

construit des objets

Utilisez l'opérateur new pour appeler le constructeur afin de construire un objet instance. L'utilisation spécifique est la suivante :

var objectName = new functionName(args);

La description du paramètre est la suivante :

  • objectName : l'objet d'instance renvoyé.

  • functionName : Constructeur, fondamentalement identique à une fonction ordinaire, mais n'a pas besoin de renvoyer une valeur de retour. Il renvoie un objet instance et est accessible à l'avance en l'utilisant dans la fonction.

  • args : liste des paramètres de configuration d'initialisation de l'objet d'instance.

Exemple

L'exemple suivant utilise différents types de constructeurs pour définir diverses instances.

var o = new Object();  //定义一个空对象
var a = new Array();  //定义一个空数组
var f = new Function();  //定义一个空函数

Littéraux d'objet

L'utilisation de littéraux peut créer rapidement des objets, et c'est également la méthode la plus efficace et la plus simple. L'utilisation spécifique est la suivante :

var objectName = {
    属性名1 : 属性值1,
    属性名2 : 属性值2,
    ...
    属性名n : 属性值n
};

Dans les littéraux d'objet, le nom de l'attribut et la valeur de l'attribut sont séparés par des deux-points. La valeur de l'attribut peut être n'importe quel type de données et le nom de l'attribut peut être un identifiant JavaScript ou une expression de chaîne. Les propriétés sont séparées par des virgules et aucune virgule n'est requise à la fin de la dernière propriété.

Exemple

Le code suivant utilise des littéraux d'objet pour définir deux objets.

var o = {  //对象直接量
    a : 1,  //定义属性
    b : true  //定义属性
}
var o1 = {  //对象直接量
    "a" : 1,  //定义属性
    "b" : true  //定义属性
}

Constructeur JavaScript

Le constructeur JavaScript (Constructeur) est également appelé constructeur et fonction de type. Il fonctionne comme un modèle d'objet. Un constructeur peut générer n'importe quel nombre d'instances. Les objets d'instance ont les mêmes attributs et. comportements. Caractéristiques, mais pas égaux.

Définir un constructeur

En termes de syntaxe et d'utilisation, il n'y a aucune différence entre les constructeurs et les fonctions ordinaires. La méthode de définition d'un constructeur est la suivante :

function 类型名称 (配置参数) {
    this.属性1 = 属性值1;
    this.属性2 = 属性值2;
    ...
    this.方法1 = function () {
        //处理代码
    };
    ...
    //其他代码,可以包含return语句
}

Il est recommandé que la première lettre du nom du constructeur soit en majuscule pour le distinguer des fonctions ordinaires.

Le constructeur présente deux particularités.

  • Utilisez ceci dans le corps de la fonction pour faire référence à l'objet d'instance à générer.

  • Vous devez utiliser la nouvelle commande pour appeler la fonction afin de générer un objet instance.

Exemple

L'exemple suivant montre la définition d'un constructeur, qui contient deux propriétés et une méthode.

function Point (x, y) {  //构造函数
    this.x = x;  //私有属性
    this.y = y;  //私有属性
    this.sum = function () {  //方法
        return this.x + this.y;
    }
}
在上面代

Dans le code, Point est le constructeur, qui fournit un modèle pour générer des objets d'instance.

【Apprentissage recommandé : Tutoriel avancé javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn