js_javascript 기술에서 function()을 사용하는 방법

JavaScript 함수는 다른 언어와 다릅니다. 각 함수는 개체로 유지되고 실행됩니다. 함수 객체의 속성을 통해 함수를 변수에 쉽게 할당하거나 함수를 매개변수로 전달할 수 있습니다. 계속하기 전에 함수 사용 구문을 살펴보겠습니다.

다음은 인용문입니다. function func1(…){…} var func2=function(…){… }; var func3=function func4(…){…}; var func5=new Function()

코드 복사 코드는 다음과 같습니다.

// 1, 메소드 호출 모드 // 함수는 객체로 저장됩니다. 의 속성을 객체의 메서드라고 부르면 이는 객체에 바인딩됩니다. var myObject={ name : "myObject" , value : 0 , increment: function(num){ this.value = typeof(num) === 'number' ? num : 0 return this; } , toString: 함수 (){ return '[Object:' this.name ' {value:' this.value '}]' } } alert(myObject.increment(10).increment( 20).toString()); // [Object:myObject {value:30}]

// 2, 함수 호출 모드 // 함수가 함수가 아닌 경우 객체로 호출된 다음 함수로 호출되어 전역 객체에 바인딩됩니다. 이것은 언어 설계의 실수입니다. 언어 설계가 올바른 경우 내부 함수가 호출될 때 이는 외부 함수의 this 변수에 계속 바인딩되어야 합니다. var myObject={ name : "myObject" , value : 0 , 증분: 함수(숫자){ this.value = typeof(num) === '숫자' ? num : 0 return this; } , toString: ){ return '[Object:' this.name ' {value:' this.value '}]' }, getInfo: function(){ var self=this; 🎜>return ( function(){ //return this.toString(); // 내부 익명 함수에서 전역 객체 창을 가리키는 이 함수는 [객체 창]을 출력합니다. return self.toString(); // selft 변수를 정의하고 this 값을 할당하면 내부 함수는 이 변수를 통해 객체를 가리키는 this에 액세스합니다. })() } } alert(myObject.increment) (10).increment( 20).toString()); // [Object:myObject {value:30}]

// 3. 생성자 호출 모드 // JavaScript 기반 객체가 다른 객체로부터 직접 속성을 상속받을 수 있음을 의미하는 프로토타입 상속 언어에서 언어는 클래스가 없습니다. // 앞에 new를 붙여 함수를 호출하면 함수에 연결된 프로토타입 멤버를 숨기는 새 객체가 생성되고 생성자의 인스턴스에 바인딩됩니다. 함수 MyObject(이름){ this.name = 이름 || 'MyObject'; this.value=0 this.increment = function(num){ this.value = typeof(num) === 'number' ? num : 0; } this.toString = function(){ return '[Object:' this.name ' {value:' this .value '}]'; } this.target = this; }

MyObject.prototype.getInfo = function(){ return this.toString(); }

// 동시에 MyObject.prototype 개체를 생성합니다. myObject는 MyObject.prototype의 모든 속성을 상속합니다. 이는

var myObject입니다. = new MyObject(); myObject.increment(10); alert(myObject.value); //10

var otherObject = new MyObject(); 20); alert(otherObject.value); //20

alert(myObject.target===myObject) // ture alert(myObject.target.getInfo()); // [ Object:MyObject {값:10}]

// 4, 호출 모드 적용 // JavaScript는 함수형 객체지향 프로그래밍 언어이므로 함수에는 메서드가 있을 수 있습니다. 함수의 적용 메소드는 마치 객체가 이 메소드를 갖고 있는 것과 같고, 이것이 객체를 가리킨다. // Apply는 두 개의 매개변수를 받습니다. 첫 번째는 바인딩할 개체(이 항목이 가리키는 개체)이고 두 번째는 매개변수 배열입니다. function MyObject(name){ this.name = 이름 || 'MyObject'; this.value = 0; this.increment = function(num){ this.value = typeof(num) === 'number' ? ; }; this.toString=function(){ return '[Object:' this.name ' {value:' this.value '}]'; . target=this; } function getInfo(){ return this.toString(); var myObj = new MyObject() alert(getInfo.apply) ( myObj)); //[Object:MyObject {value:0}], 이것은 myObj를 가리킵니다 alert(getInfo.apply(window)) //[object Window], 이것은 창을 가리킵니다

// for and while function func(a,b){ alert(a) // 1 alert(b) // 2

for (var i =0;i alert(arguments[i]) // 1, 2, 1, 2, 3 }

var i= 0; while(i alert(arguments[i]) // 1, 2, 1, 2, 3 i=i 1; >} func(1,2,3);

var i=0 for (i=0;i document.write("The 숫자는 " i " ") }

js_javascript 기술에서 function()을 사용하는 방법

관련 기사