javascript Withステートメントを使用する

• 2020.10.05
• javascript
• javascript

javascriptで、Withステートメントを使用する方法を掲載してます。

目次

• 1. 環境
• 2. Withステートメント使用

環境

• OS windows10 pro 64bit
• Apache 2.4.43
• ブラウザ chrome 84.0.4147.105

windows10にApacheのインストール

Withステートメント使用

withステートメントを使用すると、オブジェクトをまとめることができます。

/** html **/ <p id="hoge"></p> <p class="foo"></p> /** js **/ with (document) { let hoge = getElementById('hoge'); let foo = getElementsByClassName("foo")[0]; hoge.textContent = "mebee"; foo.textContent = "mebee"; }

1 2 3 4 5 6 7 8 9 10 11 12 13 14

/** html **/ <p id="hoge"></p> <p class="foo"></p>   /** js **/ with (document) {      let hoge = getElementById('hoge');   let foo = getElementsByClassName("foo")[0];     hoge.textContent = "mebee";   foo.textContent = "mebee";    }

ただし、非推奨なため、use strictを使用するとエラーとなります。

use strictについて

'use strict'; with (document) { let hoge = getElementById('hoge'); let foo = getElementsByClassName("foo")[0]; hoge.textContent = "mebee"; foo.textContent = "mebee"; }

1 2 3 4 5 6 7 8 9 10 11

'use strict';   with (document) {      let hoge = getElementById('hoge');   let foo = getElementsByClassName("foo")[0];     hoge.textContent = "mebee";   foo.textContent = "mebee";   }

• 前の記事
  

  Nuxt.js ライブラリ「vueye-timeline」をインストールしてタイムラインを実装する 2020.10.05

• 次の記事
  

  javascript 指定した画像のサイズを変更する 2020.10.05