Detailed explanation of JavaScript basics
This article mainly introduces relevant information about the basic knowledge of JavaScript (JSON, Function objects, prototypes, reference types). It is very good and has reference value. Friends who need it can refer to it. I hope it can help everyone.
1. JSON
# Concept: JavaScript Object Notation (JavaScript Object Notation) is a lightweight data exchange format
Features: easy for programmers to write and view; easy for computers to parse and generate
Data structure: Object object format { key: value, key: value}
Array array format [ value , value ]
Eg: var json = ' { " " : '' '' } ' (inner double quotes, outer single quotes)
* JSON - supports independent ".json "File; allows nesting
JSON format is supported by almost all mainstream development languages---the consensus of each grammar language is that strings
Strings in JSON can only use double quotes
* Supported data types: string; number; boolean; null; object; array
Convert JSON objects and strings
Convert to JSON objects: JSON.parse(object ) ---(Server=>Client), parse JSON string,
convert to JSON string: JSON.stringify(string) ---- (Client=>Server),
2. Function object
Function and Function object:
The Function type is one of the reference types provided by JavaScript; an object of Function type is created through the Function type. The object is actually a [function].
var object name = new Object( ); ---Create object
var function name = new Function( ); // function anonymous( ){}
【 In JavaScript, all functions are objects of Function】
var function name = new Function (parameter, function body);
The last parameter in the brackets ( ) is recognized as the function body, except These are all formal parameters. ---Not recommended
Constructor:
Function: To create objects (factory method)
Syntax structure:
function 构造函数名称（形参）{
this.属性名 = 属性值; ---- this的含义 -> 指的是创建的对象
this.方法名 = function( ){ }
}
var 对象名 = new 构造函数名称( );3, prototype
In JavaScript, a function is an object of type Function that contains properties and methods.
Attribute (Prototype) already exists when the function is defined. It is a predefined attribute of the Function object (i.e. function); its initial value is an empty object. There is no prototype type defined for a function in JavaScript, so the prototype can be of any type.
The prototype is used to save the shared properties and methods of the object. The properties and methods of the prototype do not affect the properties and methods of the function itself.
² Explicit prototype - Function's prototype
is used in a real development environment
² Implicit prototype - Function's __proto__
is used Tests during the development process cannot be used in the real development environment
4. Reference type
Data type:
Number-define numbers by creating objects; String -Define numbers by creating objects;
Boolean-Define numbers by creating objects;
Date type
Function: Get regular date + time
getFullYear(): Get the year; getMonth(): Get the month; getDate(): Get the date
getTime (): The time and date from January 1, 1970 to the present [Use millisecond values to calculate time Calculation; implement timestamp (identification)]
eg: The date format is the current time on YYYY year MM month DD day
var date = new Date( ); console.log(date.getFullYear( ) + '年' + date.getMonth( ) + '月' + date.getDay( ) + '日');
Math type
Attribute: PI - Pi Note: No need to create an object
Method: Processing of numbers
ceil(x): round up to integer; floor(x): round down to integer or round; round(x) ): Rounding
pow(x1, x2): n1 to the n2 power random(): Generate a random number between 0-1
eg: 0-100 random number console.log (Math.random( )*100);
1-100 random integer console.log(Math.random( )*99+1);
20% probability of executing one, 50% Probability execution 2 if( num <= 0.2 ){
## ##Global object: global properties (Infinity, NaN, undefined), global methods, which can be called anywhere in JavaScript. related suggestion:Introduction to arrays of JavaScript basics
JavaScript basics strengthening video courseware source code sharing
JavaScript basic knowledge points summarize
The above is the detailed content of Detailed explanation of JavaScript basics. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1655
14
1413
52
1306
25
1252
29
1226
24
How to implement an online speech recognition system using WebSocket and JavaScript
Dec 17, 2023 pm 02:54 PM
How to use WebSocket and JavaScript to implement an online speech recognition system Introduction: With the continuous development of technology, speech recognition technology has become an important part of the field of artificial intelligence. The online speech recognition system based on WebSocket and JavaScript has the characteristics of low latency, real-time and cross-platform, and has become a widely used solution. This article will introduce how to use WebSocket and JavaScript to implement an online speech recognition system.
Recommended: Excellent JS open source face detection and recognition project
Apr 03, 2024 am 11:55 AM
Face detection and recognition technology is already a relatively mature and widely used technology. Currently, the most widely used Internet application language is JS. Implementing face detection and recognition on the Web front-end has advantages and disadvantages compared to back-end face recognition. Advantages include reducing network interaction and real-time recognition, which greatly shortens user waiting time and improves user experience; disadvantages include: being limited by model size, the accuracy is also limited. How to use js to implement face detection on the web? In order to implement face recognition on the Web, you need to be familiar with related programming languages and technologies, such as JavaScript, HTML, CSS, WebRTC, etc. At the same time, you also need to master relevant computer vision and artificial intelligence technologies. It is worth noting that due to the design of the Web side
Essential tools for stock analysis: Learn the steps to draw candle charts with PHP and JS
Dec 17, 2023 pm 06:55 PM
Essential tools for stock analysis: Learn the steps to draw candle charts in PHP and JS. Specific code examples are required. With the rapid development of the Internet and technology, stock trading has become one of the important ways for many investors. Stock analysis is an important part of investor decision-making, and candle charts are widely used in technical analysis. Learning how to draw candle charts using PHP and JS will provide investors with more intuitive information to help them make better decisions. A candlestick chart is a technical chart that displays stock prices in the form of candlesticks. It shows the stock price
WebSocket and JavaScript: key technologies for implementing real-time monitoring systems
Dec 17, 2023 pm 05:30 PM
WebSocket and JavaScript: Key technologies for realizing real-time monitoring systems Introduction: With the rapid development of Internet technology, real-time monitoring systems have been widely used in various fields. One of the key technologies to achieve real-time monitoring is the combination of WebSocket and JavaScript. This article will introduce the application of WebSocket and JavaScript in real-time monitoring systems, give code examples, and explain their implementation principles in detail. 1. WebSocket technology
PHP and JS Development Tips: Master the Method of Drawing Stock Candle Charts
Dec 18, 2023 pm 03:39 PM
With the rapid development of Internet finance, stock investment has become the choice of more and more people. In stock trading, candle charts are a commonly used technical analysis method. It can show the changing trend of stock prices and help investors make more accurate decisions. This article will introduce the development skills of PHP and JS, lead readers to understand how to draw stock candle charts, and provide specific code examples. 1. Understanding Stock Candle Charts Before introducing how to draw stock candle charts, we first need to understand what a candle chart is. Candlestick charts were developed by the Japanese
JavaScript and WebSocket: Building an efficient real-time weather forecasting system
Dec 17, 2023 pm 05:13 PM
JavaScript and WebSocket: Building an efficient real-time weather forecast system Introduction: Today, the accuracy of weather forecasts is of great significance to daily life and decision-making. As technology develops, we can provide more accurate and reliable weather forecasts by obtaining weather data in real time. In this article, we will learn how to use JavaScript and WebSocket technology to build an efficient real-time weather forecast system. This article will demonstrate the implementation process through specific code examples. We
Simple JavaScript Tutorial: How to Get HTTP Status Code
Jan 05, 2024 pm 06:08 PM
JavaScript tutorial: How to get HTTP status code, specific code examples are required. Preface: In web development, data interaction with the server is often involved. When communicating with the server, we often need to obtain the returned HTTP status code to determine whether the operation is successful, and perform corresponding processing based on different status codes. This article will teach you how to use JavaScript to obtain HTTP status codes and provide some practical code examples. Using XMLHttpRequest
The relationship between js and vue
Mar 11, 2024 pm 05:21 PM
The relationship between js and vue: 1. JS as the cornerstone of Web development; 2. The rise of Vue.js as a front-end framework; 3. The complementary relationship between JS and Vue; 4. The practical application of JS and Vue.
