JavaScript_object의 기본 소개(반드시 읽어야 함)(그래픽 튜토리얼)

이제 JavaScript_object에 대한 기본적인 소개를 드리겠습니다. 이제 그것을 여러분과 공유하고 모든 사람에게 참고 자료로 제공하겠습니다.

객체는 모든 클래스의 기본 클래스입니다

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

객체에 대한 속성 설정에는 두 가지 유형이 있습니다.

1 직접 방법인 object.properties/methods를 사용합니다. 이 방법은 직관적이고 쉽습니다. 이해

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

2. "[]" 메서드 사용: object.['property/method']. 이 메서드를 사용할 때는 괄호 안에 "" 또는 ''를 추가해야 합니다. 메서드는 엄격합니다

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

하나의 js 객체를 트래버스합니다. for in 문

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

생성자는 객체의 생성 기능을 저장합니다.

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

위 내용은 제가 모든 사람을 위해 편집한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

자바스크립트 콜백 함수 상세 분석 및 분석(그림 및 텍스트 튜토리얼)

자바스크립트의 멀티 스레드 런타임 라이브러리 Nexus.js에 대한 자세한 설명(코드 일부 첨부)

JavaScript 작동 원리 자세한 분석 및 답변

위 내용은 JavaScript_object의 기본 소개(반드시 읽어야 함)(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!