Introduction aux bases de JavaScript_object (à lire absolument) (tutoriel graphique)

Je vais maintenant vous présenter une introduction de base à JavaScript_object. Permettez-moi de le partager avec vous maintenant et de le donner comme référence pour tout le monde.

La classe de base de toutes les classes d'objets

var obj = new Object();
var obj = {}; //实例化对象

Il existe deux types de propriétés de définition pour les objets :

1. La manière d'utiliser les quantités directes : object.property/method, cette manière est intuitive et facile à comprendre

obj.name = '张三';
obj.age = 20;
obj.sex = '男';
obj.say = function(){
alert("hello World");
}

2. ": object.[ 'Attribut/Méthode'], lors de l'utilisation de cette méthode, "" ou '' doivent être ajoutés entre parenthèses, la méthode est stricte

obj['birthday'] = '1989-08-07';

获取对象的属性或者方法:对象.属性名/方法
alert(obj.name); // 张三
alert(obj.age); // 20
obj.say(); // hello World

delete 操作符 删除对象的属性或方法的
delete obj.age;
delete obj.say;
alert(obj.age);  //undified
alert(obj.sex);  //20
obj.say();   //报错，函数已被删除

Traverser un objet js, pour l'instruction in

for(var attr in obj){
alert(attr + ":" + obj[attr]); //会按顺序将数组中的键值对打印，主要值，如果用对象.属性得到undified
}

Le constructeur enregistre la fonction de création de l'objet

alert(obj.constructor);
var o = [];
alert(o.constructor);

hasOwnProperty(propertyName) 用于检测给定属性在对象中是否存在,返回boolean类型，在项目中有时会用到，需留意
var i = {};
i.sex = '男';
alert(i.hasOwnProperty('sex')); //true
alert(i.hasOwnProperty('age')); //false

propertyIsEnumerable(propertyName)检测给定的属性是否能被for in 所枚举出来，返回boolean 
alert(i.propertyIsEnumerable('age')); //false 上面没有定义此属性

Ce qui précède est ce que j'ai compilé pour tout le monde, j'espère que cela sera utile à l'avenir. Utile à tout le monde.

Articles associés :

Analyse détaillée des fonctions de rappel javascript (tutoriel graphique)

Exécution multithread en JavaScript détaillée analyse et réponses à la bibliothèque Nexus.js (partie du code ci-joint)

Analyse détaillée et réponses aux principes de fonctionnement de 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!