V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
ooyy
V2EX  ›  JavaScript

JS 语句的迭代功能求助

  •  
  •   ooyy · 2018-06-05 16:51:26 +08:00 · 3035 次点击
    这是一个创建于 2395 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近写一个自用的暴力猴脚本,参照一位大佬的语句,但发现其语句在新版本 Chrome 中不可用了(代码第 2 ~ 4 行),于是我就手动加了一句(第 5 行),功能暂时能用了,但是总觉得不够优雅(捂脸) 请教各位高人怎样实现注释部分代码的功能?

    let mixin = function(target, mixinObject) {
        //for (let [name, prop] of Iterator(mixinObject)) {
        //   target[name] = prop;
        //}
        target['xcontains'] = mixinObject.xcontains;
    };
    
    let nodeMixin = {
        xcontains: function(selector, keywords) {
            for (let child of this.querySelectorAll(selector)) {
                let text = child.textContent;
                for (let keyword of keywords) {
                    if (text.indexOf(keyword) != -1) {
                        return true;
                    }
                }
            }
            return false;
        },
    };
    mixin(node, nodeMixin);
    
    13 条回复    2018-06-06 09:28:11 +08:00
    LeungJZ
        1
    LeungJZ  
       2018-06-05 17:00:38 +08:00
    不 babel 转成 es5 吗?
    rabbbit
        2
    rabbbit  
       2018-06-05 17:12:30 +08:00   ❤️ 1
    for (let name of Object.keys(mixinObject)){
    target[name] = mixinObject[name];
    }
    crs0910
        3
    crs0910  
       2018-06-05 17:16:26 +08:00
    ```
    target = { ...target, ...mixinObject }
    ```
    crs0910
        4
    crs0910  
       2018-06-05 17:18:29 +08:00   ❤️ 1
    for (let p in mixinObject) {
    if (mixinObject.hasOwnProperty(p)) {
    target[p] = mixinObject[p]
    }
    }
    crs0910
        5
    crs0910  
       2018-06-05 17:24:24 +08:00
    把 Iterrator 改成 Object.entries 也行
    ooyy
        6
    ooyy  
    OP
       2018-06-05 17:31:29 +08:00
    @rabbbit 这个试了试可以的,感谢
    ooyy
        7
    ooyy  
    OP
       2018-06-05 17:33:11 +08:00
    @crs0910 后面两个方法试了都可以,感谢。 第一个方法我没看懂。。。 我是初学

    ```
    target = { ...target, ...mixinObject }
    ```
    crs0910
        8
    crs0910  
       2018-06-05 17:33:39 +08:00
    @ooyy #7 解构
    zonghow
        9
    zonghow  
       2018-06-05 17:39:57 +08:00
    上面的大佬已经回答问题了,我歪个楼,把 xcontains 放在 node 的原型上会不会好一点。
    crs0910
        10
    crs0910  
       2018-06-05 17:48:40 +08:00
    @ooyy #7 不好意思,脑抽了,不叫解构,叫展开运算符( spread operator ),相当于 Object.assign
    ooyy
        11
    ooyy  
    OP
       2018-06-06 09:25:46 +08:00
    @zonghow 我研究了一下,确实会更好。这个原程序作者估计还想做一些其他功能给用户自己选择调用,后来搁置了
    ooyy
        12
    ooyy  
    OP
       2018-06-06 09:26:42 +08:00
    @crs0910 对我来说都是新东西,查询了解了一下,收获很多,谢谢
    ooyy
        13
    ooyy  
    OP
       2018-06-06 09:28:11 +08:00
    @LeungJZ Babel 头一次听说,了解一下大开眼界(虽然看得一脸蒙逼),谢谢提醒
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5744 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 02:52 · PVG 10:52 · LAX 18:52 · JFK 21:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.