javascript 値の引き渡しについて

Question

現在、htmlにボタンを１つ用意して、onclickイベントで下記が呼び出されるように制作しています。

// twitter.js
function getList(){
    var webview = document.getElementById('mainWebview');
    webview.send('getlist')
}

//webview.js
var ipc = require('ipc');
ipc.on('getlist', function()
{
    var aTags = document.getElementsByTagName('a');
    var hrefs = [];
    for(var i=0;i<aTags.length;i++){
    var aTag = aTags[i];
    var href = aTag.getAttribute('href');
    var hrefclass = aTag.getAttribute('class');
    if(hrefclass === 'ProfileCard-avatarLink js-nav js-tooltip'){
        hrefs.push(href);
    } 
  }
  //alert(hrefs.length + "件取得しました。"); 
  ipc.sendToHost('getlist', hrefs);
});

このような状態となっており各種コードは正常に動いております。

今回アドバイスを頂きたい事は、webview.js側で取得したhrefsのデータをtwitter.js側で扱いたいのですがどうすれば良いでしょうか？という内容となります。

例えばこのように新しく関数を作りまして

//twitter.js
function getList(){
    var webview = document.getElementById('mainWebview');
    webview.send('getlist')
}

function Add(){
 // hrefsのデータをここで扱いたい。
}

Addの中でhrefsのデータを使用する方法をアドバイス頂きたいです！
よろしくお願い致します。

Answer 1

twitter.js も webview.jsもロードされている状態で、以下のように実行することで渡せないでしょうか。

Add('hoge');

Comments

[fama]

アドバイスありがとうございます！
webview.jsで用意した配列hrefsにこのように　hrefs.push(href);　値が入っている状態なのですが、
twitter.jsでこの値を拾うには
function Add(){
//　ここでどうやって拾うかがわからないです
}

[sekitaka_1214]

基本的にjavascriptの変数のスコープ(利用範囲)は関数内です。引数を介さずに参照できるようにするには、webview.js 内のでpushが終了しているタイミングでwindow.hrefs = hrefs ; とグローバル領域の変数に保存しすれば、twitter.jsないで参照できます。console.log(window.hrefs;

ただこの利用方法はグローバル汚染といわれ、javascriptのアンチパターンの一つになっていることを知っておいてください。

基本的には何かのObjectを経由したり、引数で値を渡す方法が良いとは思います。

[fama]

ありがとうございます！とてもわかりやすいです！
グローバル領域の変数に保存するには window.　で行うのですね！
勉強になります！

今そのように記述をしたのですが、
function Add(){
alert(window.hrefs[0]);
}
alertが呼び出されないようです。
これはなにが間違っているのでしょうか？

[sekitaka_1214]

Add()自体はどこからか実行しているのでしょうか？
質問のソースコードにはなかったので。。

[fama]

Add（）はボタンを１つ用意してonclickイベントで呼び出しています！