Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > body text

Advanced JavaScript (1) Extract public functions

黄舟
Release： 2017-02-11 14:32:28
Original
1863 people have browsed it

JS Extracting Public Functions

Problem

After experiencing a "large number" of project development, I found that more and more methods can be extracted and used as a public method. So, how to implement this idea in js?

Answer

For example, the following method is used to convert the standard time Thu Mar 19 2015 12:00:00 GMT+0800 (China Standard Time) to 2015-03-19 12:00:00 format. ShopStatementController


##

var formatDateTime = function (date) {  
    var y = date.getFullYear();  
    var m = date.getMonth() + 1;  
    m = m < 10 ? (&#39;0&#39; + m) : m;  
    var d = date.getDate();  
    d = d < 10 ? (&#39;0&#39; + d) : d;  
    var h = date.getHours();  
    var minute = date.getMinutes();  
    minute = minute < 10 ? (&#39;0&#39; + minute) : minute;  
var second = date.getSeconds();
    return y + &#39;-&#39; + m + &#39;-&#39; + d+&#39; &#39;+h+&#39;:&#39;+minute+&#39;:&#39;+second ; 
};
Copy after login


The converted rendering is as follows:

Method

For details, please see the blog post "Referencing another JS file in one JS file"

Add the following example code at the top of the calling file: 


    document.write("<script language=javascript src=&#39;js/import.js&#39;></script>");
Copy after login


(Note: Sometimes the file you reference may also need to reference other js, we need to reference the required js file in the same way)

Implementation

Controller.js refers to Utils.js. You need to write the following statement at the top of controller.js:

document.write(

"");

Write the above method body in Utils.js.

The above is the content of JavaScript Advanced (1) Extracting Public Functions. For more related content, please pay attention to the PHP Chinese website (www.php.cn)!


Related labels：
JavaScript进阶，抽离公共函数
source：php.cn
Previous article：Analysis of javascript mobile phone gesture action touch touch screen principle Next article：JavaScript Advanced (2) Referencing another JS file in one JS file
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
2
1870
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
10
2033
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1712
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1614
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1627
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template