The reformulated title is: The Concept of Object()
Sep 03, 2023 pm 11:49 PM
Using the built-in Object() constructor, we can dynamically create a generic empty object. In fact, if you remember from the beginning of Chapter 1, this is exactly what we did by creating the cody object. Let's recreate the cody object.
Example: sample69.html
<!DOCTYPE html><html lang="en"><body><script>
var cody = new Object(); // Create an empty object with no properties.
for (key in cody) { // Confirm that cody is an empty generic object.
if (cody.hasOwnProperty(key)) {
console.log(key); // Should not see any logs, because cody itself has no properties.
}
}
</script></body></html>
Here, all we do is use the Object() constructor to create a generic object called cody. You can think of the Object() constructor as a cookie-cutter tool for creating empty objects with no predefined properties or methods (except, of course, objects inherited from the prototype chain).
If it's not obvious, Object() The constructor itself is an object. That is, the constructor is based on the object created from the Function constructor. This can be confusing. Remember, like the Array constructor, the Object constructor just spits out a blank object. Yes, you can create all empty objects you like. However, creating an empty object like cody is very different from creating your own constructor with predefined properties. Make sure you understand that cody is just an empty object based on the Object() constructor. To truly harness the power of JavaScript, you not only need to learn how to create an empty object container from Object(), but you also need to learn how to construct your own object "class" (Person()) , such as Object() the constructor itself.
Object() Parameters
Object() The constructor takes an optional parameter. This parameter is the value you want to create. If you do not provide any parameters, a null or undefined value will be assumed.
Example: sample70.html
<!DOCTYPE html><html lang="en"><body><script> // Create an empty object with no properties. var cody1 = new Object(); var cody2 = new Object(undefined); var cody3 = new Object(null); console.log(typeof cody1, typeof cody2, typeof cody3); // Logs 'object object object'. </script></body></html>
If a value other than null or undefined is passed to the Object constructor, the passed value will be created as an object. So in theory, we can use the Object() constructor to create any other native object that has a constructor. In the next example, I do just that.
Example: sample71.html
<!DOCTYPE html><html lang="en"><body><script>
/* Use the Object() constructor to create string, number, array, function, Boolean, and regex objects. */
// The following logs confirm object creation.
console.log(new Object('foo'));
console.log(new Object(1));
console.log(new Object([]));
console.log(new Object(function () { }));
console.log(new Object(true));
console.log(new Object(/\bt[a-z]+\b/));
/* Creating string, number, array, function, Boolean, and regex object instances via the Object() constructor is really never done. I am just demonstrating that it can be done. */
</script></body></html>
Object() Properties and methods
Object() The object has the following properties (excluding inherited properties and methods):
Properties (Object.prototype;):
prototype
Object() Instance properties and methods
Object()Object instances have the following properties and methods (excluding inherited properties and methods):
Instance properties (var myObject = {}; myObject.constructor;):
Constructor
Instance method (var myObject = {}; myObject.toString();):
hasOwnProperty()isPrototypeOf()propertyIsEnumerable()toLocaleString()toString()valueOf()
The prototype chain ends with Object.prototype, so all properties and methods of Object() will be inherited by all JavaScript objects.
Use "object literal" to create Object() Object
Creating an "object literal" requires instantiating an object with or without properties using curly braces (var cody = {};). Remember at the beginning of Chapter 1 when we created a one-time cody object and then used dot notation to assign properties to the cody object? Let's do it again.
Example: sample72.html
<!DOCTYPE html><html lang="en"><body><script>
var cody = new Object();
cody.living = true;
cody.age = 33;
cody.gender = 'male';
cody.getGender = function () { return cody.gender; };
console.log(cody); // Logs cody object and properties.
</script></body></html>
Please note that the code requires five statements to create the cody object and its properties. Using object literal notation, we can express the same cody object in one statement.
Example: sample73.html
<!DOCTYPE html><html lang="en"><body><script>
var cody = {
living: true,
age: 23,
gender: 'male',
getGender: function () { return cody.gender; }
};
// Notice the last property has no comma after it.
console.log(cody); // Logs the cody object and its properties.
</script>
</body>
Using literal representation allows us to create objects (including defined properties) with less code and visually encapsulate related data. Note the use of the : and , operators in a single statement. Due to its simplicity and readability, this is actually the preferred syntax for creating objects in JavaScript.
You should know that property names can also be specified as strings:
Example: sample74.html
<!DOCTYPE html><html lang="en"><body><script>
var cody = {
'living': true,
'age': 23,
'gender': 'male',
'getGender': function () { return cody.gender; }
};
console.log(cody); // Logs the cody object and its properties.
</script>
</body>
There is no need to specify properties as strings, unless the property name is:
- is one of the reserved keywords (
class). - Contains spaces or special characters (any character other than a number, letter, dollar sign ($), or underscore (_) character).
- starts with a number.
careful! The last property of the object should not have a trailing comma. This can cause errors in some JavaScript environments.
All objects inherit from Object.prototype
The Object() constructor in JavaScript is special because its prototype attribute is the last stop in the prototype chain.
在以下示例中，我使用 foo 屬性擴充 Object.prototype，然后創(chuàng)建一個字符串并嘗試訪問 foo 屬性，就好像它是字符串實例的屬性一樣。由于 myString 實例沒有 foo 屬性，因此原型鏈啟動并在 String.prototype 中查找值。它不在那里，所以下一個要查找的位置是 Object.prototype，這是 JavaScript 查找對象值的最終位置。找到了 foo 值，因為我添加了它，因此它返回 foo 的值。
示例：sample75.html
<!DOCTYPE html><html lang="en"><body><script> Object.prototype.foo = 'foo'; var myString = 'bar'; // Logs 'foo', being found at Object.prototype.foo via the prototype chain. console.log(myString.foo); </script> </body>
結(jié)論
小心！添加到 Object.prototype 的任何內(nèi)容都將顯示在 for in 循環(huán)和原型鏈中。因此，據(jù)說禁止更改 Object.prototype 。
The above is the detailed content of The reformulated title is: The Concept of Object(). For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undress AI Tool
Undress images for free
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
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
How to revert WordPress core update
Jul 02, 2025 am 12:05 AM
To roll back the WordPress version, you can use the plug-in or manually replace the core file and disable automatic updates. 1. Use WPDowngrade and other plug-ins to enter the target version number to automatically download and replace; 2. Manually download the old version of WordPress and replace wp-includes, wp-admin and other files through FTP, but retain wp-config.php and wp-content; 3. Add code in wp-config.php or use filters to disable core automatic updates to prevent further upgrades. Be sure to back up the website and database before operation to ensure safety and reliability. It is recommended to keep the latest version for security and functional support in the long term.
How to create a custom shortcode in WordPress
Jul 02, 2025 am 12:21 AM
The steps to create a custom shortcode in WordPress are as follows: 1. Write a PHP function through functions.php file or custom plug-in; 2. Use add_shortcode() to bind the function to the shortcode tag; 3. Process parameters in the function and return the output content. For example, when creating button shortcodes, you can define color and link parameters for flexible configuration. When using it, you can insert a tag like [buttoncolor="red"url="https://example.com"] in the editor, and you can use do_shortcode() to model it
How to diagnose high CPU usage caused by WordPress
Jul 06, 2025 am 12:08 AM
The main reasons why WordPress causes the surge in server CPU usage include plug-in problems, inefficient database query, poor quality of theme code, or surge in traffic. 1. First, confirm whether it is a high load caused by WordPress through top, htop or control panel tools; 2. Enter troubleshooting mode to gradually enable plug-ins to troubleshoot performance bottlenecks, use QueryMonitor to analyze the plug-in execution and delete or replace inefficient plug-ins; 3. Install cache plug-ins, clean up redundant data, analyze slow query logs to optimize the database; 4. Check whether the topic has problems such as overloading content, complex queries, or lack of caching mechanisms. It is recommended to use standard topic tests to compare and optimize the code logic. Follow the above steps to check and solve the location and solve the problem one by one.
How to optimize WordPress without plugins
Jul 05, 2025 am 12:01 AM
Methods to optimize WordPress sites that do not rely on plug-ins include: 1. Use lightweight themes, such as Astra or GeneratePress, to avoid pile-up themes; 2. Manually compress and merge CSS and JS files to reduce HTTP requests; 3. Optimize images before uploading, use WebP format and control file size; 4. Configure.htaccess to enable browser cache, and connect to CDN to improve static resource loading speed; 5. Limit article revisions and regularly clean database redundant data.
How to minify JavaScript files in WordPress
Jul 07, 2025 am 01:11 AM
Miniving JavaScript files can improve WordPress website loading speed by removing blanks, comments, and useless code. 1. Use cache plug-ins that support merge compression, such as W3TotalCache, enable and select compression mode in the "Minify" option; 2. Use a dedicated compression plug-in such as FastVelocityMinify to provide more granular control; 3. Manually compress JS files and upload them through FTP, suitable for users familiar with development tools. Note that some themes or plug-in scripts may conflict with the compression function, and you need to thoroughly test the website functions after activation.
How to use the Transients API for caching
Jul 05, 2025 am 12:05 AM
TransientsAPI is a built-in tool in WordPress for temporarily storing automatic expiration data. Its core functions are set_transient, get_transient and delete_transient. Compared with OptionsAPI, transients supports setting time of survival (TTL), which is suitable for scenarios such as cache API request results and complex computing data. When using it, you need to pay attention to the uniqueness of key naming and namespace, cache "lazy deletion" mechanism, and the issue that may not last in the object cache environment. Typical application scenarios include reducing external request frequency, controlling code execution rhythm, and improving page loading performance.
How to use object caching for persistent storage
Jul 03, 2025 am 12:23 AM
Object cache assists persistent storage, suitable for high access and low updates, tolerating short-term lost data. 1. Data suitable for "persistence" in cache includes user configuration, popular product information, etc., which can be restored from the database but can be accelerated by using cache. 2. Select a cache backend that supports persistence such as Redis, enable RDB or AOF mode, and configure a reasonable expiration policy, but it cannot replace the main database. 3. Set long TTL or never expired keys, adopt clear key name structure such as user:1001:profile, and update the cache synchronously when modifying data. 4. It can combine local and distributed caches to store small data locally and big data Redis to store big data and use it for recovery after restart, while paying attention to consistency and resource usage issues.
How to prevent comment spam programmatically
Jul 08, 2025 am 12:04 AM
The most effective way to prevent comment spam is to automatically identify and intercept it through programmatic means. 1. Use verification code mechanisms (such as Googler CAPTCHA or hCaptcha) to effectively distinguish between humans and robots, especially suitable for public websites; 2. Set hidden fields (Honeypot technology), and use robots to automatically fill in features to identify spam comments without affecting user experience; 3. Check the blacklist of comment content keywords, filter spam information through sensitive word matching, and pay attention to avoid misjudgment; 4. Judge the frequency and source IP of comments, limit the number of submissions per unit time and establish a blacklist; 5. Use third-party anti-spam services (such as Akismet, Cloudflare) to improve identification accuracy. Can be based on the website
