JS의 객체 개념에 대한 첫 소개

Objects

1. 객체에 대한 첫 소개

JavaScript 객체는 키-값으로 구성된 순서가 지정되지 않은 컬렉션 집합입니다. 예:

var person
 = {
    name: 'zhangsan',
    age: 20,
    tags: ['js','web','mobile'],
    city: 'Beijing',
hit:null
};

JavaScript 객체의 키 문자열 유형이며 값은 모든 데이터 유형이 될 수 있습니다.

해당 속성에는 기본 값, 개체 또는 기능이 포함될 수 있습니다. 객체는 실제로 순서가 없는 값의 집합입니다. JS의 객체는 키-값 쌍으로 상상할 수 있으며, 여기서 값은 데이터와 함수일 수 있습니다.

객체 동작 및 특성

특성 - 속성

동작 - 메소드

2. , 변수는 다음이 소유합니다. 객체의 속성이라고 할 수 있습니다. 속성은 일반적으로 사물의 특성을 설명하는 데 사용되는 명사입니다.

함수가 객체에 속하면 함수는 객체의 메서드라고 할 수 있습니다. . 메소드는 사물의 동작과 기능을 설명하는 동사입니다.

3.new 키워드:

생성자는 객체를 생성할 때 객체를 초기화하는 데 주로 사용되는 특수 함수입니다. 개체 멤버 변수 초기 값을 할당하고 개체를 생성하는 문에서 항상 new 연산자와 함께 사용합니다.

1) 생성자는 객체 클래스를 만드는 데 사용되며 첫 글자는 대문자로 시작해야 합니다.

2) 생성자는 new와 함께 사용할 때만 의미가 있습니다.

new는 실행될 때 네 가지 작업을 수행합니다.

a.new는 메모리에 새로운 빈 객체를 생성합니다

b 이 지점을 이 새로운 객체 Object로 만듭니다.

c. 생성자 실행 목적: 이 객체의 새 속성에 속성과 메서드를 추가하기 위해

d.new는 이 객체를 반환합니다

Custom 생성자

function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
this.sayHi = function(){
console.log('Hello,everyBody');
}
}
var p1 = new Person('张三'，22，'actor','Beijing');

new는 새로운 빈 객체 p1 Zhang San의 공간을 생성하고 실행 함수 생성자를 호출하여 p1 객체에 속성과 메서드를 추가합니다.

4.this关键词

js中this的指向问题，有时候会让人难以捉摸，函数内部的this有几个特点：

1）函数在定义的时候this是不确定的，只有调用的时候才能确定；

2）一般函数直接执行，内部this指向全局window；

3）函数作为一个对象的方法，被该对象所调用，那么this指向的是该对象；

4）构造函数中的this其实是一个隐式对象，类似一个初始化的模型，所有方法和属性都挂载到了这个隐式对象身上，后续通过new关键字来调用，从而实现实例化。

遍历对象：

for(var key in obj){
console.log(obj[key]);
}

打印出来第一个obj[i]是

(对象的下标)

打印出来的第一个obj是遍历过i的对象

for(var key in obj){
console.log(key+"=="+obj[key])

}打印出的结果是：

key是下标0,1,2,3,4,5,6...

obj[key]是遍历对应的下标对象的值

如果打印的是obj.key，因为.key是找对象的属性，该对象没有key属性所以是undefined;

取消对象属性,如果给对象定义key属性并赋值，想要取消key属性

delete obj.key;

위 내용은 JS의 객체 개념에 대한 첫 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!