JavaScript 기본 기능 요약_기본 지식-JS 튜토리얼-php.cn

다음은 일반적으로 사용되고 실용적인 몇 가지 기본 JavaScript 기능을 요약한 것입니다. 이를 정리하면 모든 사람이 자바스크립트를 더 잘 이해하는 데 도움이 됩니다.

코드 복사 코드는 다음과 같습니다. /*함수 및 리터럴 함수 생성*/ /* 함수 추가(){ Alert("함수가 성공적으로 생성되었습니다.") }; var testfunction=function(){ Alert("익명 함수입니다."); }; add() //함수 호출 testfunction();//리터럴 함수 호출 */ /* var testobj=new Object(); //객체 생성 TestObj.run = Function () {// 객체에 대한 메소드 생성 Alert("객체 내부의 메소드입니다."); }; testobj.run(); // 객체의 메소드 호출 */ /*함수 객체 생성*/ /* 함수볼(){ } ball.name1="testing"; //함수 객체에 대한 속성 생성 Alert(ball.name1); //함수 속성에 접근 경고(공 종류) */ /*기능 참고*/ /* 기능 myFunction(메시지){ 경고(메시지); } var ptr=myFunction; // 함수 참조를 변수 에 전달합니다. ptr("테스트"); //변수 호출 함수 */ /* 함수 참조를 객체에 전달*/ /* 함수 sayName(name1){ 경고(이름1); } var obj1=new Object(); var obj2=new Object(); var obj3=new Object(); obj1.sayMyName=sayName; // 객체의 메소드를 형성하기 위해 객체의 변수에 대한 참조를 전달합니다. obj2.sayMyName=sayName; obj3.sayMyName=sayName; obj1.sayMyName("Zhang San") //객체의 메소드 호출 obj2.sayMyName("lee思"); obj3.sayMyName("王五") */ /* 함수 추가(){ } add.message="chaiyesong" var ptr1=추가; var ptr2=추가; 경고(ptr1.message); 경고(ptr2.message) add.message="123"; 경고(ptr1.message) 경고(ptr2.message) */ /*참조는 다른 변수를 가리킵니다*/ /* 함수 추가(){ 경고("하나"); } var ptr=add; ptr=function(){ //수정하는 대신 myFunctionPtr이라는 다른 함수를 생성했습니다 경고("ptr") } add=function(){ //참조가 다른 함수를 가리키며 해당 함수의 참조가 수정됩니다. 경고("두") } 추가() ptr() */ /*함수 객체 생성*/ /* 펑션볼(메시지){ 알림(메시지) } var ball0=new Ball("테스트 중") ball0.name1="공-0" 경고(ball0.name1) 펑션볼(메시지){ 알림(메시지) } var ball0=new Object() ball0.constuct=Ball; // 객체 생성자를 가리키는 함수 참조 ball0.constuct("ceshiceshiceshi") //이 함수는 이 객체의 생성자에 의해 실행됩니다 ball0.name1="테스트 중" 경고(ball0.name1) 기능 테스트(){ } Alert(Test.prototype) //공유 속성 */ /*공유 속성 추가*/ /* 기능 Fish(naem1,color1){ This.name1=naem1 This.color1=color1 } Fish.prototype.LivesIn="water" //공유 속성 추가 Fish.prototype.price=20 var fish1=new Fish("mackrel","회색") var fish2=new Fish("금붕어","주황색"); var fish3=new Fish("연어", "흰색"); for (var i=1; i { var fish=eval("fish" i) // 물고기에 대한 포인터를 가져옵니다 Alert(fish.name1 "," fish.color1 "," fish.LivesIn "," fish.price); } */ /* 기능 직원(이름, 급여) { This.name=이름; This.salary=급여; } Employee.prototype.getSalary=함수 getSalaryFunction() { 이.급여를 반환하세요; } Employee.prototype.addSalary=함수 addSalaryFunction(추가) { This.salary=this.salary 추가; } var boss1=새 직원("Joan", 200000); var boss2=새 직원("김", 100000); var boss3=새 직원("샘", 150000); Alert(boss1.getSalary()) // 출력 200000 Alert(boss2.getSalary()) // 출력 100000 Alert(boss3.getSalary()) // 출력 150000 */ /*익명 함수*/ /* (함수(x,y){ 알림(xy) })(2,3)//이 함수의 자체 실행 능력 */ /*함수 실행 및 호출*/ /* var f1=function(){ "테스트" 반환 } 경고(f1()) */ /*자체 실행 결과를 변수에 부여*/ /* var f2=function(){ "확인"을 반환 }() 경고(f2) */ // ( // 함수(){ // 경고("fa") ~ // ) /* 기능 상자(){ var user='Tt' 반환 함수(){ 복귀 사용자; } } Alert(box()()) //임베디드 함수 호출 */ // var b=box() // 경고(b()) /*클로저 기능을 통한 자동 추가*/ /* 기능 상자(){ var age=100 Return 함수() {// 호출은 실제로 이 메소드로, 데이터가 메모리에 머무르는 시간을 구현합니다 나이 반품 연령; } } var b=box() 경고(b()) 경고(b()) 경고(b()) */ /*시작 버전*/ /* 기능 상자(){ var arr=[] //배열 선언 for (var i = 0; i arr[i]=function(){ // 루프를 통해 각 요소에 함수를 할당하면 됩니다. 반환 i; | } return arr; //배열 반환 } var b=box() //반환된 배열을 b에 할당 document.writeln("배열의 길이는 다음과 같습니다: " b.length " ") //배열의 길이를 반환합니다 for (var i = 0; i document.writeln("익명 함수에서 반환된 값은 다음과 같습니다." b[i]() " ") //이 함수를 실행할 때 각 요소의 값은 5입니다. 요소는 5 }; */ /*개선된 버전*/ /* 기능 상자1() { var arr1 = []; for (var i = 0; i ARR1 [i] = (function (num) {// 자체 실행, 함수의 함수 결과를 각 요소에 할당 반환 번호; })(나); } arr1 반환; } var b1 = box1() // 배열 반환 for (var i = 0; i document.writeln("개선 후 출력 결과는 다음과 같습니다. ") Document.writeln (b1 [i] "& lt; br /& gt;") // 여기에 반환된 배열, 그냥 인쇄하세요 } */ //베타 버전 /* var testarr=[]; for (var i = 0; i testarr[i]=함수(){ 반환 i; } }; document.writeln("테스트 보드의 길이: " testarr.length " ") for (var i = 0; i Document.writeln ("테스트 버전" (i 1) "Testarr [i]" & lt; br /& gt; ") }; var aa=function(){ 3번 복귀 } document.writeln("베타 버전 테스트 결과" aa) */ /*개선된 버전 3*/ /* 함수 상자3() { var arr3= []; for (var i = 0; i arr3[i] = (함수 (숫자) { 반환함수() { 반환 번호 } })(i);//실행이 완료된 후 실행 결과가 각 요소에 할당됩니다. } arr3 반환; } var b3= box3(); for (var i = 0; i document.writeln(b3[i]() " "); } */ /*JS 함수 튜토리얼 주소: //http://www.cnblogs.com/ttcc/p/3763437.html*/ /*클로저에서 이것으로 지정된 객체는 window입니다*/ /* var user='The Window00'; var obj={ 사용자:'The Window001', getUserFunction:function(){ 반환 함수(){ this.user 반환; } } } document.writeln("이 항목으로 지정된 개체를 반환합니다." obj.getUserFunction()()) */ // 함수 상자(count1){ > // for (var i = 0; i ~ document.writeln(i); ~ // } // var i=10 // 상자(2) /*클로저 실행 후 메모리 데이터가 즉시 삭제됩니다*/ /* 함수 상자(개수) { (함수 () { for (var i = 0; i } })(); document.writeln(i) ; } 상자(2); */ /*클로저를 통해 개인정보 보호 속성에 액세스*/ /* 함수 Box() { 변수 연령 = 100; function run() {//개인 함수 '실행 중...'을 반환합니다. } This.get = function () { //공개 특권 메소드 연령 반환 run(); }; } var box = new Box(); 경고(box.get()); 함수 사람(값) { var user = value; This.getUser = 함수 () { 복귀 사용자; }; This.setUser = 함수(값) { 사용자 = 값; }; } */ /*단일 케이스 모드*/ /* var 상자 = 함수 () { Var user = 'tt'; // 개인 변수 함수 실행() { '작동 중...' 반환 } 반품 { Publicgo: function() {//외국 공용 인터페이스의 권한 방식 반환 사용자 run(); | | }(); 경고(box.publicGo()); */ /*단일 케이스 모드*/ /* 기능 데스크() { //함수가 정의되었습니다 } var box = 함수 () { Var user = 'tt'; // 개인 변수 함수 실행() { '작동 중...' 반환 } Var 데스크 = 새 데스크() // 인스턴스화된 사용자 정의 개체 Desk.publicGo = 함수 () { Return user run (); // 사용자 정의 함수 정의 방법 제공 }; 반납 데스크; }(); 경고(box.publicGo()); */

위 내용은 제가 작성한 기본 JavaScript 함수입니다. 잘 읽어보시기 바랍니다