IT兄弟会全スタックエンジニアエリートクラス二日目(学習ノート)

3866 ワード
命令式プログラミングの「JavaScript」
1.JavaScript
  • JavaScriptは直訳式スクリプト言語で、ダイナミックタイプ、弱タイプ、プロトタイプに基づく言語で、サポートタイプを内蔵しています.そのトランシーバーはJavaScriptエンジンと呼ばれています.ブラウザの一部として、クライアントのスクリプト言語に広く使われています.最初はHTML(標準共通マーク言語の下のアプリケーション)ページで使用されています.HTMLページにダイナミック機能を追加します.
    • 2.JavaScriptの特徴?
  • スクリプト言語
    JavaScriptは説明型のスクリプト言語で、C、C++などの言語は先にコンパイルしてから実行します.JavaScriptはプログラムの実行中にプログレッシブに説明します.
  • オブジェクトベース
    JavaScriptはオブジェクトベースのスクリプト言語で、オブジェクトを作成するだけでなく、既存のオブジェクトを使用することもできます.
  • 簡単です
    その簡単性は主に以下のように表されています.まず、JavaScriptはJavaの基本的な語句とコントロールフローに基づいたシンプルでコンパクトな設計であり、Javaまたは他のC語系のプログラミング言語を使用者が学習するには非常に良い遷移であり、C語系プログラミングの基礎を持つプログラマーにとってもJavaScriptの上達は非常に容易です.次に、その変数のタイプは弱いタイプを採用しており、厳密なデータタイプは使用されていません.
  • 相対安全
    JavaScriptはセキュリティ言語として、ローカルのハードディスクにアクセスすることが許可されておらず、サーバにデータを預けることができません.ネットワークドキュメントの修正と削除は許可されていません.ブラウザを通じて情報の閲覧やダイナミックなインタラクションを実現するしかありません.したがって、データの紛失やシステムへの不正アクセスを効果的に防止する.
  • ダイナミック性
    JavaScriptはイベント駆動のスクリプト言語を採用しており、Webサーバを経由してユーザの入力に応答できる.ウェブページにアクセスする時、マウスはウェブページでマウスクリックや上下移動、ウィンドウ移動などの操作を行うJavaScriptはこれらのイベントに直接対応します.
  • クロスプラットフォーム性
    JavaScriptはブラウザ自身に依存しており、操作環境に関係なく、ブラウザを実行したり、JavaScriptのブラウザをサポートしたりすれば、正しく実行できます.
    • 3.注意事項
  • コンピュータプログラム命令 CPU命令
  • CPU策定->固定長指令
  • cmdで入力:
    node -v   ===>    
node      ===>
    • 4.分岐文
  • if else
  • 構造:
    if(true){

}else{

}
  • if elseネスト
  • 構造:
    if(true){

}else if(true){

}else{

}
  • Switch文
  • 構造:
    switch(   ){
 case   1：
             1;
          break;
  case   2：
             2;
           break;
  case   n：
            n;
           break;
 defaule：
            n+1;
         break;
}
    breakはswitchの循環を表します.
    defaultキーワードは、該当が存在しない時にすることを規定します.
    • 5.サイクル
  • forサイクル
  • 文法
    for (   1;    2;    3){
         
}
    注意:
         1    （   ）     

     2       （   ）   

     3    （   ）
    例:
    for (var i=0; i<5; i++){
  x=x + "The number is " + i + "
    ";
}
  • whileサイクル
  • 文法
    while (  ){
       
}
    例:
    while (i<5){
    x=x + "The number is " + i + "
    ";
    i++;
    }
    • 6.function関数?
  • 文法
    function functionname(){
             
}
    は、関数が呼び出されると、関数内のコードが実行されることに注意してください.あるイベントが発生した時に、直接関数を呼び出すことができます.たとえば、ユーザがボタンをクリックした時に、JavaScriptによって任意の位置で呼び出すことができます.ヒント:JavaScriptは大きさの書き込みに敏感です.キーワードfunctionは小文字でなければなりません.関数名と同じ大きさで書いて関数を呼び出さなければなりません.
    • 7.デザイン思想(重点)?
  • は1つの*を入力しますか?
  • 例:
    • console.log('*');
    または
    ```
var printStr = "";
printStr += "*";
console.log(printStr);
```
  • は10個の*を出力しますか?
  • 例:
    • var printStr = "";
for (var i = 0; i < 10; i++) {
    printStr += "*";
}
console.log(printStr);
  • は矩形の*を出力しますか?
  • 例:
    var printStr = '';
for(var i=0;i<10;i++){
    for(var j=0;j<10;j++){
        printStr += "*";
    }
    printStr += "
    ";
}
console.log(printStr);
    • あるいは柔軟にしてください.
    ```
var printStr = '';
function fn(a,b){
    for(var i=0;i
    または柔軟な点(任意の文字を印刷する)
  • 印刷矩形
    var printStr = '';

function printChar(c,n){
    for(var j=0;j
  • 印刷正方形
    var printStr = '';

function printChar(c,n){
    for(var j=0;j
    • ライルス`autdetect::Could not find a JavaScript runtime.エラー