フロントエンド(C)の基礎の基礎を学ぶ-JavaScript

私は最近のJavaのバックエンドに関連するコンテンツを学習し、フロントエンドの内容を見ることが必要です。この記事では、学習過程における内容と自分のアイデアのいくつかを理解することが重要かつ困難ないくつかの感触を記録することです。彼はバックエンドを学んでいるので、そんなにフロントエンドのコンテンツのそれを理解するために、綿密な調査を行いません。この記事では、完全に知識のポイントをカバーしていない、いくつかのように、プロだけでなく、参照だけのために、説明されていない、あなたに感謝。

2つの記事の前には学習の基礎()の前端部(B)の学習の基礎のフロントエンドは、 HTML、CSS、この記事について主にいくつかの基本的な詳細は、主うとしているところJavaScriptを基本的な内容。

Aは、JavaScriptの概要

JavaScriptは(「JS」と呼ばれる)機能優先軽量、コンパイル済みのインスタントの一種であるか、ユーザーとWebサイトとWebアプリケーション間の相互作用を高めることができる言語(スクリプト言語)をプログラム解釈しました。
スクリプト言語も言語の拡張、または動的言語として知られ、それが呼び出されたときにのみ解釈またはコンパイル済みの制御ソフトウェア・アプリケーションに使用インタプリタにより実行インタプリタ言語、、、通常のテキストで保存されたスクリプトが、あります。

JavaScriptは、よりインタラクティブで、主にウェブにWebプログラミングのためのスクリプト言語です。名前のJava JavaScriptの誘導体のように見えますが、実際には両方がこれを注意することは学習するときに、両方のは何の関係もありませんが、JavaScriptとJavaの間に何の関係が存在しないことは注目に値することです。
難易度はJavaScriptが大きいので、何より、その上にHTMLなどの主要な構文とロジックの一部として覚えていないことができ、HTMLはプログラミング言語(醸す)と呼ばれることがないかもしれませんが、JavaScriptは間違いなくプログラミング言語でありますその機能といくつかのアルゴリズムデータ構造などの構文を理解することを学ぶ、およびJavaScriptはまた、特に注意して、他の分野で使用することができます。

第二に、簡単なJavaScriptのプログラミング例を学びます

このように、すべての後には、JavaScript主にWebサービスのため、同様に、コードエディタ、HTMLを書き込む前に考慮すべきまず第一に。
2例があり、一つはHTMLファイルに直接記述されたJavaScriptプログラミングは、htmlファイルに再導入、その後、htmlファイルを書き出すことです、ノートJavaScriptファイルの接尾辞その==。Jsの==。

  • JavaScriptは、HTMLファイルに直接書き込まれます
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
    alert("在html里面直接写入JavaScript");
</script>

</body>
</html>

JavaScriptを使用してコードのみを関連:

<script>
    alert("在html里面直接写入JavaScript");
</script>

このコードは、外側を持っています脚本ラベルには、我々はあなたがスクリプト缶内部のラベルにスクリプトタグは、対応するコードを使用する必要があり、HTMLファイルに直接JavaScriptを記述するために覚えておく必要があります。あなたは、高レベルの言語の前に学んだ場合は、簡単にこれがあることを見つけることができます警告関数呼び出しコード、およびアラートアクション機能パラメータがポップアップダイアログボックスの形で、その内部の内容物(上に引用されたコンテンツ)であり、それは出力として理解することができます。

  • ファイルに導入されたJavaScripのhtmlファイル

HTMLファイル:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script src="test_js.js"></script>

</body>
</html>

JavaScriptファイル(ファイル名test_js.js):

alert("在html里面引入JavaScript文件");

*導入JavaScripファイル、HTMLファイル、またはスクリプトタグを使用する必要性を見つけることができ、および***でSRC =「JavaScriptファイル名が導入されるように、」JavaScriptファイルの導入へのアプローチ。JavaScriptファイルは、単純なコードである(「HTML内のJavaScriptファイルで導入された」)警告;及び上記のケース。

これら二つの例を介して、我々は容易ではないような他の高レベルの言語のような(機能は非常に単純であることを条件とする)、非常に単純なJavaScriptを使用して、見つけることができる;例えば、C ++、もし別書き込まCは++コードの出力に基づいて、必要にプラスクラス「の#include <>、main()関数」であり、およびJavaScriptが特徴でJavaScriptを必要としません。

それは純粋に個々の学習JavaScriptは、すべてのWebベースの奉仕しないように、著者の学習としてJavaScriptは主に、Webプログラミング、Webサービスのために使用されています。

三、JavaScriptの基本的な文法

私は、プログラミング言語を学ぶことは非常に基本的かつ重要な変数と関数の使用を理解していることを信じています。

(1)変数を使用して

JavaScriptのキーワードてみましょうCONSTました定義された変数。、CONSTと範囲が一貫してみましょう。*違いがVaRの開始を定義した変数とメソッド内の3つの任意の場所には、この変数にアクセスし、変数はその定義ブロック内でのみ有効な定義させることができますということです違いは、constの変数で、割り当てられた後、あなたが変更することはできません、どの手段定数* constの使用を避けるとVARをできるように推奨

例としては、次のとおりです:

//定义变量
let numInt;
let numDouble;
let numString;

//定义常量
const numConst=1;

//变量赋值
numInt=1;
numDouble=1.0;
numString="1";

//弹出对话框
alert("定义的常量数字为"+numConst);
alert("定义的整形数字为"+numInt);
alert("定义的浮点数字为"+numDouble);
alert("定义的字符串为"+numString);

上記のコードによって、私たちは、JavaScriptが顕著な特徴を持っていることが確認できている一般的なキーワードと変数の定義(聞かせて)あなたは、11個の特定のタイプにする必要はありませんすることができ、変数を指定しました
ところで、プラス記号の内側のアラート機能は、文字列の連結に使用されています。
また、JavaScriptとJavaの注釈方法は、のように、これは、二つの間のリンクがあります。

(2)関数を使用して

機能コードの完全なブロックは、関数を呼び出すことによって、私たちは関数function 1を実現することができ、期間の関数として理解することができます。主な機能は、機能モジュールの悪いの利点は、簡単に理解できるようにすることで、コードの量を減らします。

例としては、次のとおりです:

//定义函数
function myFunction(){
    alert("我是一个无参函数")
}

//定义函数
function myFunction1(num){
    alert("我是一个有参函数"+"参数为"+num);
}

//定义函数
function myFunction2(numInt,numDouble){
    alert("我是一个有参函数,"+"参数为"+numInt+","+numDouble);
}

//调用函数
myFunction();
myFunction1(1);
myFunction2(1,1.1);

関数への参照があることに注意してください、私たちは、パラメータを定義する必要が出て、に注意を払うときに指定し、必要に応じて指定されたが、位置の関数を呼び出す際のパラメータの数の場所を定義するノートは、パラメータを渡しているパラメータの名前は機能を定義したものと同じでなければなりませんとき1に定義された位置
値を返すことができ、さらに機能は、直接通話機能対応する結果を得ることができます。例としては、次のとおりです:

function myFunction4(numInt,numDouble){
    let sum;
    sum=numInt+numDouble;
    return sum;
}

let num=myFunction4(1,1.1);

IVの概要

  • JavaScriptは、Web用のスクリプト言語であるJSファイルは、HTMLから、HTMLで記述されたかに導入することができます
  • 使用を許可するキーワード、その際にJavaScript変数の定義の特定のタイプの指摘する必要はありません。
  • パラメータには、JavaScriptのないタイプ定義関数を指定します
  • JavaScript関数は、適切な関数名やパラメータを使用して、呼ばれています

ここに画像を挿入説明

2019年12月13日

公開された52元の記事 ウォン称賛59 ビュー6836

おすすめ

転載: blog.csdn.net/ataraxy_/article/details/103519843