>  기사  >  웹 프론트엔드  >  JavaScript_object의 기본 소개(반드시 읽어야 함)(그래픽 튜토리얼)

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

亚连
亚连원래의
2018-05-21 09:52:151354검색

이제 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.