検索
ホームページウェブフロントエンドフロントエンドQ&AJavaScript はどの言語に基づいていますか?

JavaScript は、オブジェクトを作成するだけでなく、既存のオブジェクトを使用することもできるオブジェクトベースの言語です。 JavaScript 標準のオブジェクトベースの定義: 言語とホストのインフラストラクチャはオブジェクトによって提供され、JavaScript プログラムは相互に通信するオブジェクトのコレクションです。

JavaScript はどの言語に基づいていますか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

1. JavaScript の概要:

*JavaScript はオブジェクト駆動型およびイベント駆動型の言語であり、主にクライアントで使用されます。
– オブジェクトベース:
多くのオブジェクトが提供されており、直接使用できます。
--イベントドリブン:
htmlで作られたWebページには静的な効果があり、JavaScriptで作られたWebページには動的な効果があります。
--クライアント:
主にブラウザを指します。

*js の特徴:

(1) インタラクティブ性:
--情報の動的な相互作用。
(2) セキュリティ:
--s はローカル ディスク内のファイルにアクセスできません。
(3) クロスプラットフォーム:
--Java とは異なり、js はブラウザのクロスプラットフォームを直接使用します。

#*JavaScript と java の違い: (接続なし)

1) Java は sun company (現在は oracle) によってリリースされています

Jing Company によってリリースされます。

2) JavaScript はオブジェクトベースであり、java はオブジェクト指向です。

3) Java は強く型指定された言語であり、js は弱く型指定された言語です。

4) js は解析後に実行できますが、java は最初にコンパイルしてから実行する必要があります。

*js

の構成は 3 つの部分から構成されます

(1) ECMAScript
--ECMA: European Computer Association で、js の構文を規定しています。
(2) BOM
--ブラウザオブジェクトモデル:ブラウザオブジェクトモデル。
(3) DOM
--文書オブジェクトモデル: 文書オブジェクトモデル。

2. js と html を組み合わせる方法 (2 つの方法)

最初の方法: --タグを使用します:

<`script type="text/javascript" > js代码 </script>`

2 番目のタイプ: -外部ファイルの導入:
-.js ファイルを作成します。

-- <script type="text/javascript" src=" 外部文件地址 "> </script>

注: 2 番目の script タグには他の js コードを記述しないでください。このコードは実行されません。

3. jsのプリミティブ型と宣言された変数
//js中,只有五个原始类型:
        //string: 字符串
    var str = “abc”;

//number: 数字类型
    var num = 123;

//boolean: true和false
    var falg = true;

//null:
*** 获取对象的引用,null用来表示引用为空,所有对象的引用都为 object
     var date = new Date();

//undifined
     //定义一个变量,没有被赋值
    var aa;
typeof() ; //查看当前变量的数据类型。
    alert() ; //在页面跳出一个对话框。
    document.write();//直接想页面输出的语句(可以把括号内的语句输出到页面上) 也可以输出html代码。
              

4. js

のステートメント – jsにもありますこれらの陳述

if 判決陳述
=: ==:  by by

--switch(a){
    case 1:
       break;
    case 2:
       break;
    default:
       … …
 }

5. js 演算子



=: x =y;等しい: x=x y;

js の減算演算における文字列の加算と加算

var str = “123”;***追加する場合、文字列の連結が行われます。

*** 減算する場合、行われるのは減算演算です。

如: 
alert(str+1)//结果为1231.
alert(str-1)//结果为122.

注: str が数値でない場合、減算演算によりエラーが発生します。
var str = “abc”;
alert(str-1);//结果为:提示NaN: 表示这不是一个数字。

**ブール値は数学的演算も実行できます

true に設定すると、数学的演算を実行するとき、同等の値は次のようになります: 1
false に設定すると、数学的演算を実行するとき、同等の値値は次のようになります: 0

== と ===

の違い これらは両方とも等しいかどうかを判断するために使用されます。

// == 比较的是 值
// === 比较的是 值 和 类型
如: var i = “5”;
   i5 // true
   i=5 // false。


Six, js array

//–js数组定义方式(三种):
        //第一种: 
        var arr = [1,2,3] || var arr = [1,“2”,true]
        //第二种: 使用内置对象 Array,
            var arr = new Array(5); //定义了一个长度为5的数组。
            arr[0] = “1”; arr[1] = 2; arr[2] = true;

				//第三种: 使用内置对象 Araay,
            var arr = new Array(3,“4”,true);//定义一个数组,其中值为:3,4,true

– 配列内に属性の長さがあります: 配列の長さを取得します。

–配列の長さは可変です。 –配列にはさまざまなタイプの値を格納できます

7. js のメソッド

js でメソッドを定義するには 3 つの方法があります:

 //第一种方式:
  //使用一个关键字 function
          function 方法名(参数列表){
                方法体;
                返回值(视需求,可有可无);
            }
            for example:
               function add(a ,b,c){
                  var sum = a+b+c;
                  return sum;
               }
              (调用方法名,使用定义的方法)

//第二种方式:
        //匿名方法。
        *** var 变量名 = function(参数列表){
                方法体;
                返回值;
          }
            //如:
              var add = funtion(a,b){
                  var sum = a+b;
                  return sum;
                }
              //(之后使用变量名调用方法)

//**第三种方式:
        //动态方法。
        //使用一个js的内置对象 Function
          var 变量名 = new Function(“参数列表”,“方法体 和 返回值”); (注意,参数和方法体之间是逗号)
              var add = new Function(“a,b”, “var sum=a+b; return sum”);
                (之后使用变量名调用函数)
            //注意,此方式中,可以预先定义好参数列表,和方法体与方法名,在定义方法的时候直接传进来。

8. js のグローバル変数とローカル変数

グローバル変数

: script タグで定義された変数、この変数はページ内にあります は、js 部分で使用できます。メソッドの外で使用したり、メソッド内で使用したり、別の scipt タグで使用したりできます。

ローカル変数: メソッド内で定義された変数は、メソッド内でのみ使用できます。
[推奨学習:

JavaScript 上級チュートリアル

]

以上がJavaScript はどの言語に基づいていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
反応:動的でインタラクティブなユーザーインターフェイスを作成します反応:動的でインタラクティブなユーザーインターフェイスを作成しますApr 14, 2025 am 12:08 AM

Reactは、動的でインタラクティブなユーザーインターフェイスを構築するための選択ツールです。 1)コンポーネント化とJSXは、UIを分割して簡単に再利用します。 2)国家管理は、UIの更新をトリガーするためにUseStateフックを通じて実装されます。 3)イベント処理メカニズムは、ユーザーの相互作用に応答し、ユーザーエクスペリエンスを向上させます。

React vs.バックエンドフレームワーク:比較React vs.バックエンドフレームワーク:比較Apr 13, 2025 am 12:06 AM

Reactは、ユーザーインターフェイスを構築するためのフロントエンドフレームワークです。バックエンドフレームワークは、サーバー側のアプリケーションを構築するために使用されます。 Reactはコンポーネントで効率的なUIアップデートを提供し、バックエンドフレームワークは完全なバックエンドサービスソリューションを提供します。テクノロジースタックを選択するときは、プロジェクトの要件、チームのスキル、およびスケーラビリティを考慮する必要があります。

HTMLとReact:マークアップとコンポーネントの関係HTMLとReact:マークアップとコンポーネントの関係Apr 12, 2025 am 12:03 AM

HTMLとReactの関係は、フロントエンド開発の中核であり、最新のWebアプリケーションのユーザーインターフェイスを共同で構築します。 1)HTMLはコンテンツ構造とセマンティクスを定義し、Reactはコンポーネントを介して動的インターフェイスを構築します。 2)ReactコンポーネントはJSX構文を使用してHTMLを埋め込み、インテリジェントなレンダリングを実現します。 3)コンポーネントライフサイクルは、状態および属性に従ってHTMLレンダリングと動的に更新を管理します。 4)コンポーネントを使用して、HTML構造を最適化し、保守性を向上させます。 5)パフォーマンスの最適化には、不必要なレンダリングの回避、重要な属性の使用、およびコンポーネントの単一の責任を維持することが含まれます。

ReactとFrontend:インタラクティブエクスペリエンスの構築ReactとFrontend:インタラクティブエクスペリエンスの構築Apr 11, 2025 am 12:02 AM

Reactは、インタラクティブなフロントエンドエクスペリエンスを構築するための好ましいツールです。 1)Reactは、コンポーネント化と仮想DOMを通じてUIの開発を簡素化します。 2)コンポーネントは、関数コンポーネントとクラスコンポーネントに分割されます。関数コンポーネントはよりシンプルで、クラスコンポーネントはより多くのライフサイクル方法を提供します。 3)Reactの作業原則は、パフォーマンスを改善するために仮想DOMおよび調整アルゴリズムに依存しています。 4)国家管理は、usestateまたはthis.stateを使用し、ComponentDidmountなどのライフサイクルメソッドが特定のロジックに使用されます。 5)基本的な使用には、コンポーネントの作成と状態の管理が含まれ、高度な使用にはカスタムフックとパフォーマンスの最適化が含まれます。 6)一般的なエラーには、不適切なステータスの更新とパフォーマンスの問題が含まれます。

反応とフロントエンドスタック:ツールとテクノロジー反応とフロントエンドスタック:ツールとテクノロジーApr 10, 2025 am 09:34 AM

Reactは、コアコンポーネントと状態管理を備えたユーザーインターフェイスを構築するためのJavaScriptライブラリです。 1)コンポーネントと州の管理を通じてUIの開発を簡素化します。 2)作業原則には和解とレンダリングが含まれ、React.memoとusememoを通じて最適化を実装できます。 3)基本的な使用法は、コンポーネントを作成およびレンダリングすることであり、高度な使用法にはフックとコンテキストアピの使用が含まれます。 4)不適切なステータスの更新などの一般的なエラーでは、ReactDevtoolsを使用してデバッグできます。 5)パフォーマンスの最適化には、React.MEMO、仮想化リスト、コードスプリッティの使用が含まれ、コードを読みやすく保守可能に保つことがベストプラクティスです。

HTMLにおけるReactの役割:ユーザーエクスペリエンスの向上HTMLにおけるReactの役割:ユーザーエクスペリエンスの向上Apr 09, 2025 am 12:11 AM

ReactはJSXとHTMLを組み合わせてユーザーエクスペリエンスを向上させます。 1)JSXはHTMLを埋め込み、開発をより直感的にします。 2)仮想DOMメカニズムは、パフォーマンスを最適化し、DOM操作を削減します。 3)保守性を向上させるコンポーネントベースの管理UI。 4)国家管理とイベント処理は、インタラクティブ性を高めます。

反応コンポーネント:HTMLで再利用可能な要素を作成します反応コンポーネント:HTMLで再利用可能な要素を作成しますApr 08, 2025 pm 05:53 PM

Reactコンポーネントは、機能またはクラスによって定義され、UIロジックのカプセル化、およびプロップを介して入力データを受け入れることができます。 1)コンポーネントの定義:関数またはクラスを使用して、反応要素を返します。 2)レンダリングコンポーネント:Reactコールレンダリングメソッドまたは機能コンポーネントを実行します。 3)マルチプレックスコンポーネント:データをプロップに渡して、複雑なUIを構築します。コンポーネントのライフサイクルアプローチにより、ロジックをさまざまな段階で実行でき、開発効率とコードメンテナビリティが向上します。

厳密なモードの目的を反応します厳密なモードの目的を反応しますApr 02, 2025 pm 05:51 PM

React Strictモードは、追加のチェックと警告をアクティブにすることにより、Reactアプリケーションの潜在的な問題を強調する開発ツールです。これは、レガシーコード、安全でないライフサイクル、および副作用を特定するのに役立ち、現代の反応の実践を促進します。

See all articles

ホット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衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

メモ帳++7.3.1

メモ帳++7.3.1

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