es6对象的扩展底层实现____ObjectKeys

r囧r小猫 2022-05-19 13:14 201阅读 0赞

Object.keys的用法：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Object.keys</title>
    </head>
    <body>
    <h1>Object.keys返回一个数组，包括对象自身的（不含继承的）所有可枚举属性</h1>
    </body>
    <script>
        class Student{
            constructor(name, age) {
                this.name=name;
                this.age=age;
            }
        }
    
        var stu = new Student("小刚",18);
    
        var keys=Object.keys(stu);
        console.log(keys.toString());
    </script>
    </html>

Object.keys的底层实现

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>ObjectKeys</title>
    </head>
    <body>
    
    </body>
    <script>
        class Student{
            constructor(name, age) {
                this.name=name;
                this.age=age;
            }
        }
    
        Student.prototype.ObjectKeys = function () {
            var buffer = [];
            for(key in this) {
                buffer.push(key);
            }
            return buffer;
        }
        var stu = new Student("小刚",18);
    
        let keys = stu.ObjectKeys();
        console.log(keys.toString());
    </script>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，201人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6对象的扩展

属性的简洁表示法 ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 const foo = 'bar'; con

妖狐艹你老母/ 2023年07月11日 15:24/ 0 赞/ 14 阅读

相关 es6对象的扩展底层实现____Object.values

Object.values的用法： <!DOCTYPE html> <html lang="en"> <head> <meta

痛定思痛。/ 2022年05月19日 13:14/ 0 赞/ 201 阅读

相关 es6对象的扩展底层实现____ObjectKeys

Object.keys的用法： <!DOCTYPE html> <html lang="en"> <head> <meta c

r囧r小猫/ 2022年05月19日 13:14/ 0 赞/ 202 阅读

相关 es6字符串的扩展底层实现____startsWith

代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t

忘是亡心i/ 2022年05月19日 13:12/ 0 赞/ 234 阅读

相关 es6字符串的扩展底层实现____startsWith

代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t

冷不防/ 2022年05月19日 13:10/ 0 赞/ 205 阅读

相关 es6字符串的扩展底层实现____endsWith

代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t

左手的ㄟ右手/ 2022年05月19日 13:10/ 0 赞/ 208 阅读

相关 es6字符串的扩展底层实现____includes

代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t

迷南。/ 2022年05月19日 13:10/ 0 赞/ 225 阅读

相关 ES6 对象扩展

方法简写 var person = { say: function(word) { console.log(word); } } pe

Myth丶恋晨/ 2022年02月21日 00:12/ 0 赞/ 354 阅读

相关 es6 对象的扩展

对象的扩展传统对象属性写法 es6对象属性写法属性名表达式属性的可枚举性和遍历

偏执的太偏执、/ 2022年02月01日 14:45/ 0 赞/ 315 阅读

相关 ES6 对象的扩展

属性的简洁表示法 ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。下面代码表明，ES6允许在对象之中，直接写变量。这时，属性名为变量名, 属

悠悠/ 2021年06月24日 16:12/ 0 赞/ 768 阅读