Beginners of JavaScript need to learn 10 tips

Source: Internet
Author: User

Because most browsers are compatible with it, you can use it in these browsers. Javascript is accepted quite quickly because it is so simple and widely used. Many Program In the past, JavaScript was often regarded as a "Toy language". However, Ajax entered the market and showed the opposite side. It showed completely different capabilities and functions for JavaScript.
As a result of this invention, programmers can now create Web applications with the effects of desktop applications, which is very helpful because data can be changed faster. These are some mini tips that help beginners better use JavaScript. Javascript is widely used and has so many styles, so it can have a lot of skills. In addition, although it has many programming methods, I have only selected 10 skills. I think these skills are a good starting point for beginners to understand JavaScript.
1. Add an element at the end of an array.
This technique allows you to use the Length attribute to add an element at the end of an array, because the Length attribute is 1 more than the subscript of the last element of the array. This method is the same as the "push" method. For example: CopyCode The Code is as follows: var myarray = [];
Myarray [myarray. Length] = 'new element ';

2. Adjust the length of an array.
The Length attribute is not read-only, so you can set the value of the Length attribute. In addition, you can use it to increase or decrease the length of the array. For example:Copy codeThe Code is as follows: var myarray = [1, 2, 3];
Myarray. Length // 3
Myarray. Length = 2; // Delete the last element
Myarray. Length = 20 // Add 18 elements to the array; the elements have the undefined value.

3. Use "!" Convert any data type to boolean
This technology allows you to use "!" Converts any data type (such as string, number, or integer) to boolean. For example:Copy codeThe Code is as follows: var mystring = '000000 ';
Typeof mystring; // string
Mystring = !! Mystring;
Typeof mystring // Boolean

4. Convert number to string
This technique allows you to add an empty string at the end of a number to convert the number to a string. For example:Copy codeCode: var mynumber = 234;
Typeof mynumber; // number
Mynumber + = '';
Typeof mynumber; // string

5. Learn how many variables a function requires.
This is a great technique that lets you know exactly how many variables a function requires. For example:Copy codeThe Code is as follows: function add_nums (num1, num2 ){
Return num1 + num2;
}
Add_nums.length // 2 is the amount of parameters expected by the function add_nums

6. Use the "arguments" object to know how many parameters a function receives.
This technique allows you to use the "arguments" object to understand how many parameters a function receives. For example:Copy codeThe Code is as follows: function add_nums (){
Return arguments. length;
}
Add_nums (, 6); // This return the number 9

This technique is useful when you need to check the validity of the number of parameters, or when you need to create a function that is not sure about the number of parameters.Copy codeThe Code is as follows: function sum_three_nums (){
If (arguments. length! = 3) throw new error ('received' + arguments. Length + 'parameters and shoshould work with 3 ');
}
Sum_three_nums (23,43); // return the error message
Function sum_num (){
VaR Total = 0;
For (VAR I = 0; I <arguments. length; I ++ ){
Total + = arguments [I];
}
Return total;
}
Sum_num (2, 34, 45, 56, 56 );

7. Use objects as parameters to organize and improve functions.
In modern web development, one of the most common purposes of objects is to treat them as function parameters. It is always difficult to remember this rule of function parameters. However, it is very helpful to use an object because we don't have to worry about the parameter rules anymore. Moreover, it is more organized and allows users to better understand what we are going to do. This method allows you to use objects as parameters to organize and improve functions. For example:Copy codeThe Code is as follows: function insertdata (name, lastname, phone, address ){
Code here;
}

The code after reconstruction is as follows:Copy codeThe Code is as follows: function insertdata (parameters ){
VaR name = parameters. Name;
VaR lastname = parameters. lastname;
VaR phone = parameters. Phone;
VaR address = parameters. address;
}

It is also useful when you want to use the default value. For example:Copy codeThe Code is as follows: function insertdata (parameters ){
VaR name = parameters. Name;
VaR lastname = parameters. lastname;
VaR phone = parameters. Phone;
VaR address = parameters. address;
VaR status = parameters. Status | 'single '// If status is not defined as a property
// In the object the variable status take single as Value
}

To use this function, we can send data in two ways:Copy codeThe Code is as follows: // Example 1
Insertdata ({Name: 'Mike ', lastname: 'loggers', phone: '2017-555-5555', address: 'The address', status: 'married '});

// Example 2
VaR mydata = {Name: 'Mike ',
Lastname: 'rogers ',
Phone: '1970-555-555555 ',
Address: 'The address ',
Status: 'married'
};
Insertdata (mydata );

8. A function is data.
A function is data like strings or numbers. We can use them as function parameters to pass them, this allows you to create amazing and awesome web applications. This method is very useful, and almost all mainstream frameworks use this method. For example, the copy Code code is as follows: function byid (element, event, f) {
document. getelementbyid (element ). ['on' + event] = f; // F is the function that we pass as parameter
}< br> byid ('mybtn ', 'click ', function () {alert ('Hello World')});
another example of functions as data:
// Example 1
function MSG (m) {
alert (m);
}< br> // example 2
var MSG = function (m) {alert (m) ;}< br> these functions are almost identical. The only difference is that they are used. For example, you can use the first function before you declare it. However, the second function can only be used after it is declared:
// Example 1
MSG ('Hello World'); // This Will Work
function MSG (m) {
alert (m );
}< br> // Example 2
MSG ('Hello World '); // does not work because JavaScript cannot find the function MSG because is used before is been declared.
var MSG = function (m) {alert (m)}

9. expand local objects
Although some JavaScript leaders do not recommend this technology, it has been used by some frameworks. It allows you to create helper methods for JavaScript APIs.Copy codeThe Code is as follows: // we create the method prototype for our Arrays
// It only sums numeric Elements
Array. Prototype. Sum = function (){
VaR Len = This. length;
Total = 0;
For (VAR I = 0; I <Len; I ++ ){
If (typeof this [I]! = 'Number') continue;
Total + = This [I];
}
Return total;
}
VaR myarray = [1, 2, 3, 'hola'];
Myarray. sum ();

Array. Prototype. max = function (){
Return math. Max. Apply ('', this );
}

10, Boolean
Pay attention to the differences between them, because it will save you time to debug the script.Copy codeThe Code is as follows: ''= '0' // false
0 = ''// true
0 = '0' // true
False = 'false' // false
False = '0' // true
False = undefined // false
False = NULL // false
Null = undefined // true
True = 1 // true
''= NULL // false
False = ''// true

If you have read these scripts elsewhere, these skills can help you understand them. These skills are not even the tip of the iceberg for all JavaScript Functions, but this is the beginning! Don't hesitate to leave your comments, questions, extra skills or concerns, but remember, this is an article for beginners.Article!! I hope to receive emails from developers! Enjoy!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.