Hướng dẫn variable naming conventions javascript
Always use the same coding conventions for all your JavaScript projects. Show JavaScript Coding ConventionsCoding conventions are style guidelines for programming. They typically cover:
Coding conventions secure quality:
Coding conventions can be documented rules for teams to follow, or just be your individual coding practice. This page describes the general JavaScript code conventions used by W3Schools. Variable NamesAt W3schools we use camelCase for identifier names (variables and functions). All names start with a letter. At the bottom of this page, you will find a wider discussion about naming rules. firstName = "John"; price = 19.90; fullPrice = price + (price * tax); Spaces Around OperatorsAlways put spaces around operators ( = + - * / ), and after commas: Examples: let x = y + z; Code IndentationAlways use 2 spaces for indentation of code blocks: Functions: function toCelsius(fahrenheit) { Do not use tabs (tabulators) for indentation. Different editors interpret tabs differently. Statement RulesGeneral rules for simple statements:
Examples:const cars = ["Volvo", "Saab", "Fiat"]; const person = { General rules for complex (compound) statements:
Functions: function
toCelsius(fahrenheit) { Loops: for (let i = 0; i < 5; i++) { Conditionals: if (time < 20) { Object RulesGeneral rules for object definitions:
Example const person = { Short objects can be written compressed, on one line, using spaces only between properties, like this: const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; Line Length < 80For readability, avoid lines longer than 80 characters. If a JavaScript statement does not fit on one line, the best place to break it, is after an operator or a comma. Example document.getElementById("demo").innerHTML = Try it Yourself » Naming ConventionsAlways use the same naming convention for all your code. For example:
Should you use hyp-hens, camelCase, or under_scores in variable names? This is a question programmers often discuss. The answer depends on who you ask: Hyphens in HTML and CSS: HTML5 attributes can start with data- (data-quantity, data-price). CSS uses hyphens in property-names (font-size). Hyphens can be mistaken as subtraction attempts. Hyphens are not allowed in JavaScript names. Underscores: Many programmers prefer to use underscores (date_of_birth), especially in SQL databases. Underscores are often used in PHP documentation. PascalCase: PascalCase is often preferred by C programmers. camelCase: camelCase is used by JavaScript itself, by jQuery, and other JavaScript libraries. Do not start names with a $ sign. It will put you in conflict with many JavaScript library names. Loading JavaScript in HTMLUse simple syntax for loading external scripts (the type attribute is not necessary): Accessing HTML ElementsA consequence of using "untidy" HTML styles, might result in JavaScript errors. These two JavaScript statements will produce different results: const obj = getElementById("Demo") const obj = getElementById("demo") If possible, use the same naming convention (as JavaScript) in HTML. Visit the HTML Style Guide. File ExtensionsHTML files should have a .html extension (.htm is allowed). CSS files should have a .css extension. JavaScript files should have a .js extension. Use Lower Case File NamesMost web servers (Apache, Unix) are case sensitive about file names: london.jpg cannot be accessed as London.jpg. Other web servers (Microsoft, IIS) are not case sensitive: london.jpg can be accessed as London.jpg or london.jpg. If you use a mix of upper and lower case, you have to be extremely consistent. If you move from a case insensitive, to a case sensitive server, even small errors can break your web site. To avoid these problems, always use lower case file names (if possible). PerformanceCoding conventions are not used by computers. Most rules have little impact on the execution of programs. Indentation and extra spaces are not significant in small scripts. For code in development, readability should be preferred. Larger production scripts should be minimized. |