ホームページ ウェブフロントエンド jsチュートリアル あなたの Javascript スキルが低い 5 つの理由の分析_JavaScript スキル

あなたの Javascript スキルが低い 5 つの理由の分析_JavaScript スキル

May 16, 2016 pm 06:00 PM

学習閾値が低いため、多くの人がそれを就学前のスクリプト言語と呼んでいますが、人々を笑わせるもう 1 つの点は、動的言語の概念が高標準の静的データ型を使用していることです。実際、あなたと Javascript は間違った側にいて、今あなたは Javascript を非常に怒らせています。あなたの JavaScript スキルがダメになる 5 つの理由を以下に示します。

1. 名前空間を使用していません。

大学の先生が宿題でグローバル変数を使用しないようにと言ったのを覚えていますか? Javascript でのグローバル変数の使用も例外ではありません。注意しないと、Web ページは、相互に侵害するスクリプトや、インターネットの隅々から集められたスクリプト ライブラリがごちゃ混ぜになって、混沌とした状態になってしまいます。変数にloader()という名前を付けると、トラブルが発生します。気付かないうちに関数をオーバーロードしても、JavaScript はそれをまったく通知しません。あなたはこれを就学前プログラミング言語とも呼んでいましたね。私が言いたいのは、これを実行した後に何が起こるかを知る必要があるということです。

コードをコピー コードは次のとおりです。

function derp() {alert(“one ”); }
function derp() {alert("two"); }
derp();

「2」、答えは「2」です。必ずしもこうである必要はなく、「1つ」でも構いません。したがって、すべてのコードを独自の名前空間に配置するのは簡単です。独自の名前空間を定義する簡単な方法を次に示します。
コードをコピーします コードは次のとおりです。

var foospace={}; foospace.derp =function() {alert("one"); }
function derp() {alert("two") }


2. あなたは魔法を行っているようであり、ある場所と別の場所で変数を定義しています。
数字と文字の不可解な組み合わせを変数名として使用すると、結果は失敗します。 40 行のコード ブロック内で意味のない文字変数を見つけるのは、メンテナンスの悪夢です。変数の最初の宣言を 40 行のコード ブロックに混ぜるのも悪夢です。このような変数に遭遇した場合でも、「これはどこで定義されているの?」と自問せずにはいられません。その後、Ctrl F キーを押して、ソース コード内でこの変数が最初に定義されていた場所をすぐに見つけます。いいえ、そんなことはしないでください。逆に、それは Javascript の悪用であり、愚かなアプローチです。変数は常にスコープの先頭で定義する必要があります。必要がないからといって、やらなくてもいいというわけではありません。

function() {
var a , // description
b; //description
//process…
}


3. Javascript の変数スコープを理解していません。
あなたは天才プログラマーです。食べるものは C、引き出すものは List です。あなたは変数スコープが何であるかを知っており、変数を完全に制御し、王様のように変数を見守ります。しかし、Javascript はコーヒーにうんこを入れてあなたを笑わせます。

コードをコピーします コードは次のとおりです。
var herp=”one”; >{
var herp=”two”
}
alert(herp);
この場合、手に入るハーブは「1つ」ではなく「2つ」です。 JavaScript の変数スコープは、他の言語のようにコード ブロックに依存しません。 Javascript の変数スコープは関数に基づいています。各関数には独自の変数スコープがあり、JavaScript はこれに優れており、中括弧で囲まれた無意味なスコープを無視します。実際、JavaScript は非常に優れているため、名前空間や変数と同様に変数スコープを渡すこともできます。

4. あなたは、JavaScript のオブジェクト指向機能を移植しただけだと考えています。
JavaScript は、その誕生以来、オブジェクト指向言語です。 Javascript ではすべてがオブジェクトです。数字や文字などのリテラル記号も、固有のコンストラクターを通じてオブジェクトに変換できます。他のオブジェクト指向言語と比較すると、JavaScript はクラスを持たないという点で異なります。 Javascript オブジェクトは関数と同様に定義され、関数自体もオブジェクトです。 JavaScript にはプロトタイプと呼ばれる属性があり、この属性を使用してオブジェクトの構造を変更したり、変数や関数を追加したりできます。
コードをコピーします コードは次のとおりです。

// Herp を保持します。インスタンス
var Herp= function() {
this.opinion=”Javascript は BASIC よりも優れています。”;
}
Herp.prototype.speak=function() {alert(this.opinion) ; }
var derp= new Herp();
derp.speak();

これがあなたに関係ないと思われる場合は、私の友人である Google を紹介したいと思います。 Google 人々が知識を学ぶのを助けるのが得意です。オブジェクト指向は、私の短く目立たない記事には大きすぎるトピックです。

5. 「新しい」というキーワードを使用するとき、あなたは盲目の人間と盲目の馬のようなものです。
Javascript があなたの初めてのガールフレンドに違いありません。あなたは迷っているようです。 Javascript を実際の人間のように楽しみたい場合は、オブジェクト記法を理解する必要があります。オブジェクトをインスタンス化する必要がある場合、またはデータのロードを遅らせる必要があるまれなケースを除いて、基本的に new キーワードを使用する必要はありません。 JavaScript で多数の新しい変数のアドレスを割り当てるのは処理に時間がかかるため、効率を高めるために常にオブジェクト表記を使用する必要があります。
コードをコピーします コードは次のとおりです:

var rightway= [1, 2, 3 ];
var lowerway= new Array(1, 2, 3);

JavaScript の変数スコープは関数に基づいていると述べたことをまだ覚えていますか? Javascript オブジェクトは関数のように定義される、と誰かが言ったことをまだ覚えていますか? new キーワードを使用してオブジェクトを宣言しない場合、オブジェクトのスコープがグローバルになります。したがって、オブジェクトを宣言する際には常に new キーワードを使用することをお勧めします。
コードをコピーします コードは次のとおりです。

var derp=”one”; >var Herp =function() {
this.derp="two";
var foo=Herp();


この Write を実行すると、JavaScript は気にせず、実際に表示される答えは「2」です。オブジェクトがこのような動作をしないようにするには、instanceOf を使用する方法がたくさんありますが、より良い方法は、new キーワードを正しく使用することで、よりプロフェッショナルに見えます。
これで、JavaScript コードがひどいことがわかりました。上記のことを覚えていれば、コードは改善されます。コードをインデントするのに 3 つのタブ キーを使用するのが好きで、単語を接続するのにアンダースコアを使用するのが好きで、オブジェクトであることを示すために関数名の最初の文字を大文字にするのが好きです。もちろん、これは別の議論です。私がひどいテクノロジーをたくさん持っているのと同じように、あなたの Javascript コードがうまく書かれていない理由はたくさんあります。そのため、お気軽にコメントで意見を述べたり、サポートしたり、反対したり、アドバイスを与えてください。

ポイント 5 の間違いを指摘してくれた rogeliorv と
Jared Wein
に感謝します。あなたは強いです。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? Apr 04, 2025 pm 02:42 PM

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

誰がより多くのPythonまたはJavaScriptを支払われますか? 誰がより多くのPythonまたはJavaScriptを支払われますか? Apr 04, 2025 am 12:09 AM

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

javascriptの分解:それが何をするのか、なぜそれが重要なのか javascriptの分解:それが何をするのか、なぜそれが重要なのか Apr 09, 2025 am 12:07 AM

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

JavaScriptを使用して、同じIDを持つArray要素を1つのオブジェクトにマージする方法は? JavaScriptを使用して、同じIDを持つArray要素を1つのオブジェクトにマージする方法は? Apr 04, 2025 pm 05:09 PM

同じIDを持つ配列要素をJavaScriptの1つのオブジェクトにマージする方法は?データを処理するとき、私たちはしばしば同じIDを持つ必要性に遭遇します...

Shiseidoの公式Webサイトのように、視差スクロールと要素のアニメーション効果を実現する方法は?
または:
Shiseidoの公式Webサイトのようにスクロールするページを伴うアニメーション効果をどのように実現できますか? Shiseidoの公式Webサイトのように、視差スクロールと要素のアニメーション効果を実現する方法は? または: Shiseidoの公式Webサイトのようにスクロールするページを伴うアニメーション効果をどのように実現できますか? Apr 04, 2025 pm 05:36 PM

この記事の視差スクロールと要素のアニメーション効果の実現に関する議論では、Shiseidoの公式ウェブサイト(https://www.shisido.co.co.jp/sb/wonderland/)と同様の達成方法について説明します。

Console.log出力の違い結果:なぜ2つの呼び出しが異なるのですか? Console.log出力の違い結果:なぜ2つの呼び出しが異なるのですか? Apr 04, 2025 pm 05:12 PM

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

JavaScriptは学ぶのが難しいですか? JavaScriptは学ぶのが難しいですか? Apr 03, 2025 am 12:20 AM

JavaScriptを学ぶことは難しくありませんが、挑戦的です。 1)変数、データ型、関数などの基本概念を理解します。2)非同期プログラミングをマスターし、イベントループを通じて実装します。 3)DOM操作を使用し、非同期リクエストを処理することを約束します。 4)一般的な間違いを避け、デバッグテクニックを使用します。 5)パフォーマンスを最適化し、ベストプラクティスに従ってください。

フロントエンド開発でVSCodeと同様に、パネルドラッグアンドドロップ調整機能を実装する方法は? フロントエンド開発でVSCodeと同様に、パネルドラッグアンドドロップ調整機能を実装する方法は? Apr 04, 2025 pm 02:06 PM

フロントエンドのVSCodeと同様に、パネルドラッグアンドドロップ調整機能の実装を調べます。フロントエンド開発では、VSCODEと同様のVSCODEを実装する方法...

See all articles