Heim > Web-Frontend > js-Tutorial > Hauptteil

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

亚连
Freigeben: 2018-05-21 09:52:15
Original
1367 Leute haben es durchsucht

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 = {}; //实例化对象
Nach dem Login kopieren

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");
}
Nach dem Login kopieren

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';
Nach dem Login kopieren
获取对象的属性或者方法:对象.属性名/方法
alert(obj.name); // 张三
alert(obj.age); // 20
obj.say(); // hello World
Nach dem Login kopieren
delete 操作符 删除对象的属性或方法的
delete obj.age;
delete obj.say;
alert(obj.age);  //undified
alert(obj.sex);  //20
obj.say();   //报错,函数已被删除
Nach dem Login kopieren

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

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

Der Konstruktor speichert die Erstellungsfunktion des Objekts

alert(obj.constructor);
var o = [];
alert(o.constructor);
Nach dem Login kopieren
hasOwnProperty(propertyName) 用于检测给定属性在对象中是否存在,返回boolean类型,在项目中有时会用到,需留意
var i = {};
i.sex = '男';
alert(i.hasOwnProperty('sex')); //true
alert(i.hasOwnProperty('age')); //false
Nach dem Login kopieren
propertyIsEnumerable(propertyName)检测给定的属性是否能被for in 所枚举出来,返回boolean 
alert(i.propertyIsEnumerable('age')); //false 上面没有定义此属性
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage