« »

Nếu từng làm việc nhiều với JavaScript và jQuery, hẳn bạn sẽ thường gặp nhiều đoạn mã có dạng Class.method1().method2().methodN(). Bài viết này cung cấp cho người đọc cái nhìn cũng như các khái niệm cơ bản về khía cạnh trong ngôn ngữ JavaScript.

Nhãn: xâu chuỗi phương thức, khái niệm cơ bản, ngôn ngữ JavaScript

Báo cho chúng tôi lỗi JavaScript này

Demo
Phóng to
Tải lại
Cửa sổ mới

Tạo video bằng AI chỉ với giọng nói hoặc văn bản

Ứng dụng video AI MIỄN PHÍ hàng đầu của bạn! Tự động hóa video AI đầu tiên của bạn. Tạo Video Chuyên Nghiệp Của Bạn Trong 5 Phút Bằng AI Không Cần Thiết Bị Hoặc Kỹ Năng Chỉnh Sửa Video. Sản xuất video dễ dàng dành cho nhà tiếp thị nội dung. Ứng dụng video AI KHÔNG GIỚI HẠN miễn phí trong tay bạn

JavaScript allows us to chain methods by simply making methods return the this keyword, that is, themselves. So you can have method1().method2().methodN() and so on, all members of the same chain. This turns out to be very useful when you want to concatenate some subroutines and, most of all, when you want to keep your code tidy and organized by avoiding functions and methods that make too much. The basic structure is as follows:

var Class = {
  
  method1: function() {
  
    //...
    
    return this;
  
  },
  
  method2: function() {
  
    //...
  
    return this;
  
  },
  
  methodN: function() {

    // end of the chain

  }
};

You can use this technique as follows:

Class.method1().method2().methodN();

A practical example:

var Class = {

  element: document.getElementById('test'),
  
  grow: function() {
  
  
    this.element.style.width = '180px';
    this.element.style.height = '180px';
    
    
    return this;
  
  
  },
  
  move: function() {
  
  
    var counter = 0;
    
    var interval = setInterval(function() {
    
    
      counter += 1;
      
      Class.element.style.left = counter + 'px';
      
      if(counter == 100) {
      
      
        clearInterval(interval);
        
        var interval2 = setInterval(function() {
        
        
          counter -= 1;
          
          Class.element.style.left = counter + 'px';
          
          if(counter == 0) {
          
            clearInterval(interval2);
            
            Class.element.style.width = '150px';
            Class.element.style.height = '150px';
          
          
          }
        
        
        
        }, 25);      
      
      }
    
    
    
    }, 25);
  
  
  },
  
  run: function() {
  
    var trigger = document.getElementById('run');
    
    run.onclick = function() {
    
      Class.grow().move();
      
      return false;
    
    
    
    };
  
  
  
  }


};


Class.run();

};

Mã nguồn
In

Lời bình (0)
Viết

bởi Xem

Hủy phản hồi

Viết lời bình của bạn

Tiêu đề bình luận

Tôi khẳng định 100% là người thực
Tôi lặp lại tôi không phải là công cụ máy

Lượt gửi (0)
Mới

BBCode
HTML
URL
JID

Ứng dụng AI Video.com
Tạo video doanh nghiệp của bạn bằng AI chỉ với giọng nói hoặc văn bản

chatGPTaz.com
Nói chuyện với ChatGPT bằng ngôn ngữ mẹ đẻ của bạn

Ứng dụng AI Video
Ứng dụng video AI MIỄN PHÍ đầu tiên của bạn

Deepfake Video
Deepfake AI Video Maker

Deepfake
Deepfake AI Video Maker

AI Deep Fake
Deepfake AI Video Maker

AIvidio
AI Video Mobile Solutions

AIvideos
AI Video Platform & Solutions

AIvedio
AI Video App Maker

Artificial General Intelligence
Ai and higher level Artificial General Intelligence (AGI)

Artificial General Intelligence
Ai and higher level Artificial General Intelligence (AGI)

Faceswap AI trực tuyến
Đổi mặt Video, Ảnh & GIF ngay lập tức với Công cụ AI mạnh mẽ - Faceswap AI Trực tuyến MIỄN PHÍ

Faceswap AI trực tuyến
Đổi mặt Video, Ảnh & GIF ngay lập tức với Công cụ AI mạnh mẽ - Faceswap AI Trực tuyến MIỄN PHÍ

Faceswap AI trực tuyến
Đổi mặt Video, Ảnh & GIF ngay lập tức với Công cụ AI mạnh mẽ - Faceswap AI Trực tuyến MIỄN PHÍ

Powerful AI Presentation PPT Maker for FREE
Build an impressive presentation with our free online AI presentation app

Your next top AI Assistant
Claude AI, developed by Anthropic

Your next top AI Assistant
Claude AI, developed by Anthropic

Temu tặng $500 cho người dùng mới
Claim Free Temu $500 Credit via Affiliate & Influencer Program

Tín dụng quảng cáo TikTok miễn phí
Làm chủ quảng cáo TikTok cho hoạt động tiếp thị doanh nghiệp của bạn

Dall-E-OpenAI.com
Tự động tạo ra hình ảnh sáng tạo với AI

chatGPT4.win
Nói chuyện với ChatGPT bằng ngôn ngữ mẹ đẻ của bạn

Sản phẩm AI đầu tiên của Elon Musk - Grok/UN.com
Nói chuyện với Grok AI Chatbot bằng ngôn ngữ của bạn

Công cụ.win
Mở trung tâm công cụ miễn phí để mọi người sử dụng với hàng trăm công cụ

GateIO.gomymobi.com
Airdrop miễn phí để nhận, chia sẻ lên đến 150.000 đô la cho mỗi dự án

iPhoneKer.com
Tiết kiệm tới 630$ khi mua iPhone 16 mới

Mua Robot Tesla Optimus
Đặt mua Tesla Bot: Robot Optimus Gen 2 ngay hôm nay với giá dưới 20.000 đô la

Cool Domains for Sale!

JavaScriptBank.com gomy.mobi war.money CreditCard.rip ChatTotal.com hearf.com ApexBTC.com chatGPTaz.com Dall-E-OpenAI.com lend.services ABP3.com chatGPT4.win pornID.net MetaTru.com AI-Trading-Bot.com ZWVQ.com chatGPT2.fun gomymobi.com eChainBank.com gomymobi.com AIvideo-app.com system.money index.services gomy.mobi CTRCoin.com CryptoKD.com XMQV.com ChainTutor.com GrokUN.com javascriptON.com Card.rip

Ngày cập nhật:
Tác giả:
Lượt xem:
Lời bình:
Lượt đánh giá:
Lượt gửi:
Kích thước:
Thứ hạng:

05/01/2012
Gabriele Romanato [more]
21,532
0
2
0
7.77 KBytes

Xâu chuỗi phương thức trong JavaScript - JID: 2667 - Ngôn ngữ: tiếng Việt

5/5 2 lượt đánh giá / 21,532 lượt xem / 0 lời bình 05/01/2012 Nếu từng làm việc nhiều với JavaScript và jQuery, hẳn bạn sẽ thường gặp nhiều đoạn mã có d...Xâu chuỗi phương thức trong JavaScript - JID: 2667 - Xâu chuỗi phương thức trong JavaScript - Ngôn ngữ: tiếng Việt

TaiNguyen1992 khai83 Cao Phong[5]

Hãy là thành viên đầu tiên làm điều này