Heim  >  Artikel  >  Web-Frontend  >  Einführung in die Grundlagen von JavaScript_object (muss gelesen werden) (grafisches Tutorial)

Einführung in die Grundlagen von JavaScript_object (muss gelesen werden) (grafisches Tutorial)

亚连
亚连Original
2018-05-21 09:52:151355Durchsuche

Jetzt gebe ich Ihnen eine grundlegende Einführung in JavaScript_object. Lassen Sie mich es jetzt mit Ihnen teilen und es allen als Referenz geben.

Die Basisklasse aller Objektklassen

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

Es gibt zwei Arten von Einstellungseigenschaften für Objekte:

1 .Verwenden Sie direkte Mengen: object.properties/methods, diese Methode ist intuitiv und leicht zu verstehen

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

2.Verwenden Sie „[]“: object.['properties/methods ' ], wenn diese Methode verwendet wird, muss „“ oder „“ in den Klammern hinzugefügt werden, die Methode ist strikt

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();   //报错,函数已被删除

Traverse ein js-Objekt, für in-Anweisung

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

Der Konstruktor speichert die Erstellungsfunktion des Objekts

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 上面没有定义此属性

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Detaillierte Analyse von Javascript-Rückruffunktionen (grafisches Tutorial)

Multithread-Ausführung in JavaScript im Detail Analyse und Antworten zur Bibliothek Nexus.js (Teil des beigefügten Codes)

Detaillierte Analyse und Antworten zu den Prinzipien des JavaScript-Betriebs

Das obige ist der detaillierte Inhalt vonEinführung in die Grundlagen von JavaScript_object (muss gelesen werden) (grafisches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn