지식 설명 :
JavaScript를 학습 할 때 다음 7 가지 세부 정보에주의를 기울여 동일한 기능을 구현할 때 코드를보다 쉽게 이해하고 효율적으로 만들 수 있도록하십시오.
1. 코드를 단순화합니다
예를 들어 : 객체를 만듭니다
이전에는 다음과 같았습니다.
var car = new Object ();
car.color = "빨간색";
car.wheeles = 4;
car.age = 8;
그리고 이제 다음과 같이 쓸 수 있습니다.
var car = {색상 : '빨간색', 바퀴 : 4, 나이 : 8}
예를 들어 : 배열을 만듭니다
이전에는 다음과 같았습니다.
var stutentarray = new Array ( 'Zhangsan', 'lisi', 'Zhaowu', 'wuliu');
그리고 이제 다음과 같이 쓸 수 있습니다.
var studentarray = { 'zhangsan', 'lisi', 'zhaowu', 'wuliu'};
예를 들어 : Ternary 연산자를 사용하여 코드를 단순화합니다
이전의 작문 방법은 다음과 같습니다.
var result; if (x> 100) {result = 1;} else {result = -1;}이제 다음과 같이 쓸 수 있습니다.
var result = x> 100? 1 : -1;
2. JSON을 데이터 형식으로 사용하십시오
JSON 형식을 사용하여 데이터를 저장하십시오.
var 밴드 = {이름 ":"레드 핫 칠리 페퍼스 ","멤버 ": [{"이름 ":"Anthony Kiedis ","역할 ":"리드 보컬 "}, {"이름 ":"Michael 'Flea'Balzary ","역할 ":"베이스 기타, 트럼펫, 후원 보컬 "},"이름 ":"chad smith " { "name": "John Frusciante", "역할": "Lead Guitar"}], "Year": "2009"}JS를 사용하여 데이터를 저장할 수도 있고 코드는 다음과 같습니다.
<div id = "datadiv"> </div> <cript> 함수 savedata (data) {var out = "<ul>"; for (var i = 0; i <data.length; i ++) {out+= "<li> <a href =" '+data [i] .url+' ">+data [i] .d+</a> </li>";} out+= '</ul>'; document.getElementById ( 'datadiv').위의 JS에서 생성 한 스토리지 데이터를 API의 반환 값으로 사용할 수도 있습니다.
<script src = "http://feeds.delicious.com/v2/json/codepo8/javaScript?count=15&callback=delious">
</스크립트>
3. JavaScript 기본 함수를 사용하십시오
예 : 데이터 세트에서 최대 값을 얻습니다.
var maxdata = math.max (0,20,50,10);
경고 (MaxData); // 반환 된 최대 값은 50입니다
예를 들어 : JS를 사용하여 요소에 클래스 스타일을 추가하면 코드 스 니펫은 다음과 같습니다.
함수 addClass (elm, newClass) {var classes = elm.classname.split ( ''); classs.push (newclass); elm.classname = classe.join ( '');}4. 이벤트 위탁
예를 들어:
<h2> 훌륭한 웹 리소스 </h2> <ul id = "resources"> <li> <a href = "http://opera.com/wsc"> Opera Web Standardardardscurriculum </a> </li> <li> <a href = "http://sitepoint.com"> sitepoint </a> </li> <li> href = "http://alistapart.com"> 목록이 별게 떨어져 </a> </li> <li> <a href = "http://yuiblog.com"> yui blog </a> </li> <li> <a href = "http://blameitonthevoices.com"> blame it thevoices </a> | href = "http://oddlyspecific.com"> 이상한 특정 </a> </li> </ul>
스크립트를 작성하는 가장 좋은 방법 :
(function () {var resources = document.getElementById ( 'resources'); resources.AddeventListener ( 'click', handler, false); function handler (e) {var x = e.target; // if (x.nodename.tolowscase () == 'a') {Alert ( 'Event deelegation :' + x); };}) ();V. 익명 기능
var myApplication = function () {var name = 'chris'; var age = '34'; var 상태 = '단일'; 함수 createmember () {// [...]} function getMemberDetails () {// [...]} return {create : createemember, get : getMemberDetails}} (); // myApplication.get () 및 myApplication.create ()가 작동합니다.6. 코드를 구성 할 수 있습니다
쓰는 코드가 다른 사람들이 더 쉽게 사용하거나 수정할 수 있도록하려면 구성 가능해야합니다. 솔루션은 작성한 스크립트에 구성 객체를 추가하는 것입니다. 핵심 사항은 다음과 같습니다.
1. 스크립트에 구성이라는 새 개체를 추가하십시오.
2. 다른 사람들이 CSS ID, 클래스 이름, 언어 등과 같은 구성 객체에서 변경하고 싶어하는 모든 것을 저장하십시오.
3. 다른 사람들이 다시 작성할 수 있도록이 개체를 공공 재산으로 되돌립니다.
7. 코드 호환성
호환성은 초보자가 무시할 가능성이있는 부분입니다. 일반적으로 JavaScript를 학습 할 때 고정 브라우저에서 테스트 되며이 브라우저는 IE 일 가능성이 높습니다. 주요 주류 브라우저 중에서 IE는 표준에 대한 최악의 지원이 있기 때문에 매우 치명적입니다. 최종 사용자가 보는 결과는 귀하가 작성한 코드가 브라우저에서 올바르게 실행되지 않기 때문입니다. 주류 브라우저에서 코드를 테스트해야합니다. 이는 시간이 소요될 수 있지만 수행해야합니다.
JavaScript [Must-Read] 학습을위한 위의 7 가지 예방 조치는 내가 공유하는 모든 내용입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.