Question

 function CookieStorage(maxage, path) { // Arguments specify lifetime and scope
// Get an object that holds all cookies
var cookies = (function() { // The getCookies() function shown earlier
var cookies = {}; // The object we will return
var all = document.cookie; // Get all cookies in one big string

if (all === "") // If the property is the empty string
    return cookies; // return an empty object
    var list = all.split("; "); // Split into individual name=value pairs
    for(var i = 0; i < list.length; i++) { // For each cookie
        var cookie = list[i];
        var p = cookie.indexOf("="); // Find the first = sign
        var name = cookie.substring(0,p); // Get cookie name
        var value = cookie.substring(p+1); // Get cookie value
        value = decodeURIComponent(value); // Decode the value
        cookies[name] = value; // Store name and value
    }
    return cookies;
}());

// Collect the cookie names in an array
var keys = [];
for(var key in cookies) keys.push(key);
// Now define the public properties and methods of the Storage API
// The number of stored cookies
**this.length = keys.length;**
// Return the name of the nth cookie, or null if n is out of range

this.key = function(n) {
if (n < 0 || n >= keys.length) return null;
return keys[n];
};

// Return the value of the named cookie, or null.
this.getItem = function(name) { return cookies[name] || null; };

**// Store a value
this.setItem = function(key, value) {
    if (!(key in cookies)) { // If no existing cookie with this name
        keys.push(key); // Add key to the array of keys
        this.length++; // And increment the length
    }**

    // Store this name/value pair in the set of cookies.
    cookies[key] = value;

    // Now actually set the cookie.
    // First encode value and create a name=encoded-value string
    var cookie = key + "=" + encodeURIComponent(value);

    // Add cookie attributes to that string
    if (maxage) cookie += "; max-age=" + maxage;
    if (path) cookie += "; path=" + path;

    // Set the cookie through the magic document.cookie property
    document.cookie = cookie;
};

大家好，我在一本正在阅读的书中发现了这段代码，我看到这一行对我来说毫无意义：

**// Store a value
this.setItem = function(key, value) {
    if (!(key in cookies)) { // If no existing cookie with this name
        keys.push(key); // Add key to the array of keys
        this.length++; // And increment the length
    }**

如果我们当前处于length属性的对象已经由前一行代码定义（ this.length = keys.length; ）为什么我们需要通过this.length ++增加它的长度？是不是keys.push（键）足够了？

修改：

感谢所有回答的人。在盯着这段代码几分钟后，我发现第一个长度声明仅与脚本时间中的“阶段”相关。 this.length = keys.length 表示此对象长度等于键数组的当前长度。

后来，当我们向key数组添加另一个元素时，它的长度增加了，这就是为什么我们必须通过这次增加它自己的值来告诉我们的对象（ this.length ++; ）

Answer 1

这已经足够了，但是如果你想从外部代码中使用这个函数，那么你就无法访问内部values数组，所以这是一个方便的属性来获取长度。

您可以使用这样的getter替换它，并且每次都跳过手动更新：

Object.defineProperty(this, "length", {
    get: function() {
        return keys.length;
    }
});

注意：正如@zzzzBov在评论中指出的那样，IE8及以下版本尚不支持getter。

Answer 2

this.setItem = function(key, value) {
    if (!(key in cookies)) { // If no existing cookie with this name
        keys.push(key); // Add key to the array of keys
        this.length++; // And increment the length
    }
    ...
};

如果你只看这段代码，你会注意到它正在声明一个函数。在setItem的实例上调用CookieStorage时，将执行此函数中的代码。

在创建CookieStorage实例时调用上一行。增加长度的目的是为私有存储数组的长度生成公共API。

Answer 3

对于你最热的问题：基本上它定义了函数只有在你要求函数长度时获得的参数个数，例如： CookieStorage.length

function a() {}
function b(a, b) {}
function c(a,b,c) {}

console.log(a.length); //output 0
console.log(b.length); //output 2
console.log(c.length); //output 3

this.length问题：好吧，this.length是保存keys.length的属性。因此，当您将新项目设置为keys数组时，它将使用新长度更新length属性。所以你可以用它：

var cookies = new CookieStorage();
cookies.setItem("test","test");
cookies.length //output 1

Answer 4

这是我的第一个答案。希望它有所帮助。

貌似this.length并不代表cookie数组的长度，不是吗？是的，如果它使用push（）函数，则数组的长度肯定会增加1。您无需手动执行此操作。

除非，this.length意味着别的东西。

什么定义了javascript中的对象长度？

4 个答案: