>  기사  >  웹 프론트엔드  >  js 함수의 일반적인 작성 방법 및 호출 방법

js 함수의 일반적인 작성 방법 및 호출 방법

jacklove
jacklove원래의
2018-06-15 16:44:291991검색


작성: 이 글에서는 5가지 js 함수의 일반적인 작성 방법과 호출 방법을 자세히 소개하고 있습니다. 저는 보통 다른 사람의 코드를 보면 다양한 스타일의 js 함수 작성 방법이 항상 눈에 띕니다. 헷갈려서 몇 가지 정보를 찾아 요약해 놓았습니다. 필요한 친구들은 살펴보고 참고용으로 활용하면 됩니다.
1. 기존 작성 방법(가장 일반적인 방법)

//函数的写法function run () {
        alert('常规写法');//这里是你函数的内容
    } // 调用
    run();

2. 익명 함수 작성 방법(변수에 함수를 할당하는 것으로 생각할 수 있음)

   // 匿名函数的写法var run = function(){
        alert('这是一种声明函数的方式,左边是一个变量,右边是一个函数的表达式,意思就是把一个匿名的函数表达式赋值给了变量myfun,只是声明了一个变量指向了一个函数对象。');//这里是你函数的内容
    }  // 调用  
    run();

3.

 // 作为对象方法,函数写法,这里创建了两个函数外面用{}包裹起来
    var Test = {
run1:function(){
  alert('这个必须放在一个对象内部,放在外边会出错!');//这里是你函数的内容}
,run2:function(){
  alert('这个必须放在一个对象内部,放在外边会出错!');//这里是你函数的内容}
}//调用Test.run1();//调用第1个函数Test.run2();//调用第2个函数

4. 생성자에서 객체에 메소드 추가
JavaScript의 모든 객체에는 프로토타입 속성이 있습니다. Javascript에서 객체의 프로토타입 속성에 대한 설명은 객체 유형의 프로토타입에 대한 참조를 반환한다는 것입니다.

// 给对象添加方法
    var funName = function(){};
  funName.prototype.way = function(){
        alert('这是在funName函数上的原始对象上加了一个way方法,构造函数中用到');
    }    // 调用
    var funname = new text();// 创建对象
    funname.way();//调用对象属性

5. 자체 실행 기능
JS 자체 실행 기능의 다양한 작성 방법을 모두가 볼 수 있도록 올려보겠습니다.

//方法1:最前最后加括号 (function(){alert(1);}()
); 
/*这是jslint推荐的写法,好处是,能提醒阅读代码的人,这段代码是一个整体。 
例如,在有语法高亮匹配功能的编辑器里,光标在第一个左括号后时,最后一个右括号也会高亮,看代码的人一眼就可以看到这个整体。 */
//方法2:function外面加括号 (function(){alert(1);})(); 
//这种做法比方法1少了一个代码整体性的好处。
//方法3:function前面加运算符,常见的是!与void 。!function(){alert(1);}(); 
void function(){alert(2);}(); 
/*显然,加上“!”或“+”等运算符,写起来是最简单的。 
加上“void ”要敲五下键盘,但是听说有一个好处是,比加"!"少一次逻辑运算。----我只是听说,不明所以。*/

이 글에서는 JS 기능의 일반적인 작성 및 호출 방법을 소개합니다. 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트를 주목하세요.

관련 권장사항:

네이티브 JS를 사용하여 AJAX에서 json을 읽는 전체 프로세스

vue.js 설치 및 구성

JS를 통해 브라우저 인쇄 및 인쇄 미리보기 실현


위 내용은 js 함수의 일반적인 작성 방법 및 호출 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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