자바스크립트 함수 작성 방법

Javascript 함수 작성 방법은 다음과 같습니다. 1. 기존 작성 방법인 "function function name(){js code} function name()" 2. $(function(){}) 작성 방법인 "$(object).ready (함수 () {js 코드});".

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

다른 프로그래밍 언어에 비해 Javascript는 더 캐주얼하기 때문에 Javascript 코드에는 때때로 안개 속에 나타나는 온갖 이상한 쓰기 방법이 가득합니다. 이 기사에서는 JavaScript 함수를 작성하는 방법에 대해 설명합니다.

在Javascript中只有对象。 变量是对象，函数也是对象。 只要你知道你的对象是什么，按照它的方式去使用就可以了。
Javascript是弱类型，对象，实例，函数，方法通用的。不需要区别那么清楚。

1. 기존의 글쓰기:

// 函数的定义
function foo() {
    alert('常规写法');
}
// 函数的调用
foo()

이 글은 쓰기와 호출 방법이 가장 친숙하고 이해하기 쉽습니다. 그렇다면 읽어보세요

2. 익명 함수 쓰기

// 函数的定义
var foo = function(){
    alert('匿名函数定义');
}
// 函数的调用
foo()

여기서 함수가 정의됩니다. 익명으로 지정하여 이름 지정의 어려움을 없애고 변수는 함수와 동의어가 됩니다. 다음으로 메소드를 객체로 사용하기

// 定义
var test = {
    fun1: function(){  },
    fun2: function(){  }
}
// 调用
test.fun1();
test.fun2();

로그인 후 복사

를 참조하세요. Javascript에서는 매우 강력하며 많은 것을 나타낼 수 있습니다.

4. 생성자에서 객체에 메소드를 추가하세요

// 给对象添加方法
var fun = function(){ };  // 定义函数对象
fun.prototype.test = function(){ 
    alert('这是在在foo函数上的原始对象上添加test方法，构造函数中用到');
}

// 调用
var myfun = new fun(); // 创建对象
myfun.test(); // 调用对象属性

로그인 후 복사

prototype 키워드를 통해 메소드를 추가하세요.

5. 자체 실행 함수( function(){…} )() 및 ( function(){…} () )

앞서 언급한 함수 정의와 호출은 분리되어 있습니다. 즉시 실행이 완료됩니다.

// 方式1： ( function(){…} () )
(
     function(){alert('hello world, I am coming');}()
);
// 函数有参数的情况，有时为确保执行，前面加;
// 看到别人的插件，你会发现人家开头处加了一个";"，这样就算页面js有错误，加载运行他的插件也能保证运行，如：
;(function(e){alert(e);}('hello world'));

// 方式2：( function(){…} )()
(function(){alert('hello');})();

// 有时在前面加运算符，常见的是!与void
!function(){alert('hello');}();
void function(){alert(2);}();

6 $(function(){})

$ (function(){/…/})의 작성 방법은 $(document).ready(function(){/…/ }), DOM이 로드된 후 실행되는 콜백 함수로, 한 번만 실행됩니다.

$( document ).ready(function() {
   console.log( "ready!" );
});

로그인 후 복사

$(function() {
   console.log( "ready!" );
});

javascript 고급 튜토리얼

위 내용은 자바스크립트 함수 작성 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!