Detailed explanation of javaScript objects
This time I will bring you a detailed explanation of javaScript objects, what are the precautions for using javaScript objects, the following is a practical case, let’s take a look.
1. Objects are passed by reference, they are never copied.
var x={};var stooge=x;
stooge['a']='aaa';console.log(x.a);//aaa2. You can achieve the copying effect by adding a create method to Object to create a new object with the original object as its prototype. That is, changing the value of a new object will not affect the prototype of that object.
if(typeof Object.beget!=='function'){Object.create=function(o){var F=function(){};
F.prototype=o;return new F();
}
}var another_stooge=Object.create(stooge);typeof is used to determine the type of object. (It will check the prototype chain)
hasOwnProperty method will not check the prototype chain.
4. for in can be used to traverse all property names in an object, but properties including functions and prototype chains will also be traversed. In this case, you can use typeof or hasOwnProperty to exclude the values you do not want.
var name;for(name in another_stooge){if(typeof another_stooge[name] !=='function'){ console.log(name+':'+another_stooge[name])
}
}But the order in which the for in method attributes appear is uncertain.
for loop is OK.
It is recommended to use an array to store variable values, and then use a for loop to traverse. (But I personally feel that you don’t know what key values are in the object, so for in is still necessary.)
var arr=['a','b','c'];for(var i=0;i<arr.length;i++){console.log(arr[i]+':'+another_stooge[arr[i]]);
}5.deleteOperator can be used to delete objects Property, if the object contains the property, then the property will be removed, it will not touch any object in the prototype chain.
Deleting an object's properties may reveal properties in the prototype chain.
6. Reduce global variable pollution. One way to minimize the use of global variables is to create only one unique global variable for your application. Place other variables or functions under this global variable.
var MyApp={};
MyApp.stooge={'first-name:'aaa'
};
MyApp.flight=function(){}I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!
Recommended reading:
Detailed explanation of css3 shadow
JavaScript array usage collection
Knowledge points of javaScript that are easily overlooked
How to use canvas to draw the starry sky, the moon, the earth, and add text
The above is the detailed content of Detailed explanation of javaScript objects. 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
1414
52
1307
25
1253
29
1227
24
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
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
How to convert MySQL query result array to object?
Apr 29, 2024 pm 01:09 PM
Here's how to convert a MySQL query result array into an object: Create an empty object array. Loop through the resulting array and create a new object for each row. Use a foreach loop to assign the key-value pairs of each row to the corresponding properties of the new object. Adds a new object to the object array. Close the database connection.
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.
How do PHP functions return objects?
Apr 10, 2024 pm 03:18 PM
PHP functions can encapsulate data into a custom structure by returning an object using a return statement followed by an object instance. Syntax: functionget_object():object{}. This allows creating objects with custom properties and methods and processing data in the form of objects.
How to get HTTP status code in JavaScript the easy way
Jan 05, 2024 pm 01:37 PM
Introduction to the method of obtaining HTTP status code in JavaScript: In front-end development, we often need to deal with the interaction with the back-end interface, and HTTP status code is a very important part of it. Understanding and obtaining HTTP status codes helps us better handle the data returned by the interface. This article will introduce how to use JavaScript to obtain HTTP status codes and provide specific code examples. 1. What is HTTP status code? HTTP status code means that when the browser initiates a request to the server, the service
What should I pay attention to when a C++ function returns an object?
Apr 19, 2024 pm 12:15 PM
In C++, there are three points to note when a function returns an object: The life cycle of the object is managed by the caller to prevent memory leaks. Avoid dangling pointers and ensure the object remains valid after the function returns by dynamically allocating memory or returning the object itself. The compiler may optimize copy generation of the returned object to improve performance, but if the object is passed by value semantics, no copy generation is required.
