중괄호는 JavaScript 표현식에서 객체를 어떻게 생성하고 전달합니까?

JavaScript 표현식 위치의 중괄호 이해

JavaScript에서는 코드에서 볼 수 있는 표현식 위치에 중괄호를 사용할 수 있습니다. xxx.css({ 'float' : 'right' })와 같습니다. 이 표현식에서 중괄호는 CSS 함수에 전달되는 객체를 보유합니다.

JavaScript의 객체

JavaScript의 객체는 속성의 모음입니다. 각각 이름과 값이 있습니다. 속성은 콜론(:)과 속성 값을 사용하여 정의되며 속성 이름은 작은따옴표 또는 큰따옴표로 묶입니다.

위 코드에서 개체에는 값이 있는 'float'라는 단일 속성이 포함되어 있습니다. 'right'.

객체를 함수에 전달

객체가 함수에 인수로 전달되면, 점 표기법을 사용하여 액세스됩니다. 예를 들어 제공된 jQuery 코드에서 다음 줄은 동일합니다.

xxx.css({ 'float' : 'right' });

var myObj = { 'float' : 'right' };
xxx.css(myObj);

첫 번째 줄에서 객체는 인라인으로 생성되어 CSS 함수에 직접 전달됩니다. 두 번째 줄에서는 객체가 먼저 별도의 변수(myObj)에서 생성된 다음 CSS에 전달됩니다.

복잡한 객체

객체는 단순한 것보다 더 많은 것을 포함할 수 있습니다. 속성 이름 및 문자열 값. 여기에는 다음도 포함될 수 있습니다.

• 메서드라고 알려진 함수인 속성
• 중첩 객체
• 배열

예를 들어, 다음 코드는 문자열 값이 있는 속성과 함수가 있는 속성을 모두 사용하여 객체를 정의합니다. 값:

var myObj = {
    'varOne': 'One',
    'methodOne': function() { alert('methodOne has been called!'); }
};

methodOne 함수에 액세스하려면 다음 구문을 사용합니다.

myObj.methodOne();

결론

식의 중괄호 JavaScript의 위치를 ​​사용하면 데이터를 보유하고 메소드를 정의하는 데 사용할 수 있는 객체를 생성할 수 있습니다. 객체를 함수에 인수로 전달할 수 있으므로 코드베이스 부분 간에 복잡하고 구조화된 데이터를 전송할 수 있습니다.

위 내용은 중괄호는 JavaScript 표현식에서 객체를 어떻게 생성하고 전달합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!