javascript chromeのコンソールの見方

AWSのAPIにアクセスしたレスポンス内容を取得したいのです。
response変数のdataの中に格納されているようなのですが
console.log(response.response.data)でアクセスすると、nullになります。

コンソールでconsole.log(response.response)をみると、
constructor {request: constructor, data: null, error: null, retryCount: 0, redirectCount: 0, …}
cfId: undefined
data: {ServerSideEncryptionConfiguration: {…}, Rules: Array(1)}
error: null

constructor？のdataというところのdataはnullなのですが、縦に出力されている
data: には確かにデータが格納されていそうです。
見方がわからないのと、data: {ServerSideEncryptionConfiguration:　の内部にアクセスする方法をご教授ください。

（すこし脱線しますが、pythonとかですと、下記のようにAPIの結果を変数にいれるのですが
javascriptだとオブジェクト？になって関数を変数にいれるような扱いになってしまうのでしょうか？）

new Vue({
    el: "#app",
    data: {
        bucketName: ['aaaa'] 
    },
    computed: {
        list: function () {
            params = {
                Bucket: albumBucketName
            }
            var s3 = new AWS.S3({
                apiVersion: "2006-03-01",
            })
            
            const response = s3.getBucketEncryption(params, function(err, data) {
                if (err) console.log(err, err.stack); // an error occurred
                else console.log(data);           // successful response
            });
            console.log(response.response)
            console.dir(this)
            console.log(this.bucketName)
        }
    }

})

コンソール画面

行動規範の内容に同意します

回答1件

ベストアンサー

async await とか使わないと、非同期の処理はその場所では受け取れません。

js
1//                        ↓ たぶん非同期の処理でしょう
2const response = s3.getBucketEncryption(params, function(err, data) {
3    if (err) console.log(err, err.stack); // an error occurred
4    else console.log(data);           // successful response
5    // ここで確認しないと値は取れません。
6});
7console.log(response.response)
8console.dir(this)
9console.log(this.bucketName)

投稿2020/05/17 12:28

kei344

総合スコア69606

noz_awsinf_sp

2020/05/17 12:48

ご回答ありがとうございます。もう一点よろしいでしょうか。 const response = s3.getBucketEncryption(params, function(err, data) { if (err) console.log(err, err.stack); // an error occurred else console.log(data); // successful response // ここで確認しないと値は取れません。 }); このelse分から、Vueのdataに定義した変数に値を入れる方法などありますでしょうか？