JavaScriptの基礎(1)_基礎知識

May 16, 2016 pm 05:54 PM
javascript

JavaScript の基本 (1)
基本
JavaScript: 1. データ型と値
JavaScript: 数値、文字列、ブール値の 3 つの基本的なデータ型を使用できます。さらに、2 つの小さなデータ型、null (空) と未定義 (未定義) もサポートしています。
JavaScript: JavaScript には 2 つのタイプのオブジェクトもサポートされています。オブジェクトは、名前付き値の順序付けされていないコレクションを表し、もう 1 つは、番号付き値の順序付けされたコレクションを表します。実際、順序付けられたコレクションは配列 (Array) です。
javascript: 別の特別なオブジェクト、関数、および javascript で定義されたいくつかの特別なオブジェクトも定義します (C# のカプセル化されたクラスと同じ概念。直接使用するだけです)
コードをコピー コードは次のとおりです:

<script> <br>整数の直接数量: 3 または 10000、端的に言えば、数値 <br>浮動小数点リテラル: 3.14、2345.567 など、小数点を持つもの <br>文字列リテラル: "3.14"、"demo" など、いわゆる文字列は Unicode で囲まれています。一重引用符または二重引用符の文字シーケンス。 <br>数値を文字列に変換します: 1, var s = 100; s ="名前を付けます"; 数値は最初に文字列に変換されます <br>2, var s = 100 ""; 1 つの空の文字列 <br> 3. 数値をより明確に文字列に変換するには、String() 関数または <br> を使用するか、toString 関数を使用します。 <br>文字列を数値に変換します: var product = "2" * "2"; 実際、文字列が数値環境で使用される場合、<br> は自動的に数値に変換されるか、減算されます。 by 0 同じ効果を達成することも、<br>Number() 関数を使用することもできます。 <br>ブール値: <br>ここで共有したいのは変換です。これは将来さらに使用される予定です。 1. 数値環境でブール値が使用される場合、true は数値 1 に変換され、false は数値 0 に変換されます。文字列環境では、true は文字列 true に変換され、false は文字列に変換されます。 false <br>関数: <br>関数は、実行可能な JavaScript コード セグメントです。ここでそれについて説明します。関数は、データ型として、他の型と同様にオブジェクトのプロパティに割り当てることもできます。割り当てが成功すると、プロパティはメソッドへの参照とみなされます。後でよく使われます。 <br>関数の直接量: var square = function(x){return x*x};//後で頻繁に使用するため、理解または覚えておく必要があります<br><br><br> </div> Javascript: 2. オブジェクト <br>1. オブジェクト <br><br><div class="codetitle"><span><a style="CURSOR: pointer" data="82993" class="copybut" id="copybut82993" onclick="doCopy('code82993')"> コードをコピーします <u></u></a> コードは次のとおりです: </span></div> <div class="codebody" id="code82993">&lt ;script> <br>var o = new Object();//皆さん注意してください、JavaScript では大文字と小文字が区別されます。 <br>var now = new Date() <br>var regex = new RegExp("^ ?d{1}d{3}$")//正規表現の直接量 <br> オブジェクト: <br>var point = {x:12,y:34}; <br>var point2 = {"super":{day:sunday,day1:monday}}//オブジェクトのプロパティは別のオブジェクトを参照します。 <br>オブジェクトの変換: <br>空でないオブジェクトがブール環境で使用される場合: 文字列環境で使用される場合、JavaScript はオブジェクトの toString() メソッドを呼び出してこれを使用します。 function 数値環境で使用される場合の戻り値: JavaScript はオブジェクトの valueOf() メソッドを呼び出します。基本型が返される場合、ほとんどの場合、この値が使用されます。 case JavaScript コールバックは、toString() メソッドを呼び出してオブジェクトを文字列に変換し、それを数値に変換しようとします。皆様にも上記の概念をご理解いただき、今後ご活用いただければ幸いです。 <br></script>

2. 配列

コードをコピーします コードは次のとおりです
<script> <br>var array = new Array(); <br>var arr = new Array(1.2,"Javascript",{x:12,y:23}) )// <br>パラメータ付きの配列リテラル: <br>var a = [1.2,"Javascript",{x:12,y:23}]// 配列には [] の番号が付けられ、オブジェクトには {} の番号が付けられます。覚えやすいですよ! <br></script>


3. Null (空)
JavaScript キーワード Null は、値がないことを意味する特別な値であり、変数の場合はオブジェクト型の特別な値とみなされます。
の値が null の場合、その値は無効であることを意味します (配列、オブジェクト、数値、文字列、ブール値)。詳細: 数値
環境では、null は false に変換されます。 0に変換します。
4. 未定義 (未定義)
宣言されていない変数を使用する場合、または宣言された変数を使用しても値を割り当てない場合、または存在しないオブジェクト プロパティを使用する場合、返される
は未定義の値です。将来 (名前空間とモジュールは依然として頻繁に使用されており、誰もが理解する必要があります)、詳細: underfined はブール環境では false に変換され、デジタル環境では false に変換されます
は NaN に変換されます。これはヌルとは異なります。それをカプセル化するオブジェクトは Error です。
概要: 上記の内容は一目で理解できますが、私のような初心者の友達は油断しないでください。
JavaScript の基礎 (2)
基礎
javascript: 変数の宣言
変数を宣言するにはいくつかの方法があります
コードをコピーします コードは次のとおりです:

var value;
var value,value1,value2;//複数の変数を同時に宣言しますが、これらの変数の値はすべて未定義です
var i = 0,j = 0,k=100;/ /変数の宣言と初期化が統合されました。
//存在しない変数(値)を読み取ろうとするとエラーが報告されます。ただし、Var を使用して宣言されていない変数に値を代入しようとすると、JavaScript
// は暗黙的に変数を宣言し、宣言された変数はグローバルのままになります。詳細: したがって、全員が変数を作成するときは、Var
//変数のスコープ (この問題も起こりやすいので、全員がそれを理解する必要があります)

javascript: スコープ変数
の詳細です。私のような初心者は、これを避けるために注意する必要があります。
コードをコピーします コードは次のとおりです。

var golbal = "golbal"; global variable
var local = "local";
function area()
{
//ローカル変数の優先順位はグローバル変数よりも高くなります
var local = "arealocal"
//関数本体で宣言された変数名がグローバル変数名と同じ場合、JavaScript はグローバル変数を非表示にします。
var golbal ="areagolbal";
document.write("local is : " local " および golbal は :" golbal "< br />");
}
area();
//出力: local は :arealocaland golbal は :areagolbal

入れ子関数変数でローカル変数を定義すると、どのような効果がありますか?以下を見てください:
コードをコピー コードは次のとおりです:

var Hope = "moremoney" ;
function createmore()
{
var Hope = "もっとお金を持っている";//部分
function createmoreto()//ネストされた関数
{
var Hope = "持っているもっとお金をたくさん持っています";//Partial
document.write("Createmoreto Hope is :" Hope "
");
//Output:Createmoreto Hope is :have moremoney to much
}
createmoreto();//
document.write("Createmore Hope is :" Hope "
") を呼び出します。//出力: Createmore Hope is :have more Money
}
createmore(); //Call

javascript: 値渡しとアドレス渡し
これも重要な概念です。お見逃しなく。

コードをコピー コードは次のとおりです。
値とアドレスで渡す
コピー実際にコピーされる値は異なりますが、コピーされるのは数値への参照だけです。渡された場合、この
の独立したコピー。 新しい参照によって値が変更され、この変更は元の参照にも表示されます。
関数に渡されるのは値の独立したコピーです。関数に渡されるのは値への参照です。関数
が値を変更しても、関数の外部には影響しません。渡された参照によって変更され、この変更
変更も表示されます。
比較 これら 2 つの相反する値を比較します。通常は 2 つの参照を 1 つずつ比較して、それらが参照する
バイトを比較して同じ値に等しいかどうかを判断します。


JavaScript: 基本型と参照型
JavaScript の基本的な規則は次のとおりです。基本型は値渡しで操作され、参照型はアドレス渡しで操作されます。 (値の型や参照は何か、前回の記事を参照してください)
コードをコピー コードは次のとおりです

値で渡す
var value = 1;
var copyvalue = value; //値を別の変数に代入します
function addTotal(total,arg)
{
total = arg; //total = total arg は
と同じ効果があります。}
//関数を呼び出して 2 つのパラメーターを渡します (この関数はグローバル変数の値を変更すると考えるかもしれませんが、しかし実際には、この関数は反対の copy )
addTotal(value,copyvalue);
if(value == 1) copyvalue = 2; も使用します。 "and copyvalue tt" copyvalue "
");
//最終出力: total 1and copyvalue 2


コピーコード コードは次のとおりです。
アドレスによるパス
var array = new Array("Javascccp"); array;
functionmodifyArray(arr)
{
arr [0] = "JAVASCRIPT";
}
//関数を呼び出す前に
document.write(array[0] "
");
//出力 Javascccp;
modifyArray(array);
document.write(array[0]); />objarray[0] = "Frank";
//大文字の JAVASCRIPT を出力します
// objarray を変更することで同じ効果が得られます
objarray[0] = "Frank";
document.write(array[0] ] "
");
//Output Frank; !
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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衣類リムーバー

AI Hentai Generator

AI Hentai Generator

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocketとJavaScript:リアルタイム監視システムを実現するためのキーテクノロジー はじめに: インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 Dec 17, 2023 am 09:39 AM

WebSocket と JavaScript を使用してオンライン予約システムを実装する方法 今日のデジタル時代では、ますます多くの企業やサービスがオンライン予約機能を提供する必要があります。効率的かつリアルタイムのオンライン予約システムを実装することが重要です。この記事では、WebSocket と JavaScript を使用してオンライン予約システムを実装する方法と、具体的なコード例を紹介します。 1. WebSocket とは何ですか? WebSocket は、単一の TCP 接続における全二重方式です。

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 Dec 17, 2023 pm 12:09 PM

JavaScript と WebSocket を使用してリアルタイム オンライン注文システムを実装する方法の紹介: インターネットの普及とテクノロジーの進歩に伴い、ますます多くのレストランがオンライン注文サービスを提供し始めています。リアルタイムのオンライン注文システムを実装するには、JavaScript と WebSocket テクノロジを使用できます。 WebSocket は、TCP プロトコルをベースとした全二重通信プロトコルで、クライアントとサーバー間のリアルタイム双方向通信を実現します。リアルタイムオンラインオーダーシステムにおいて、ユーザーが料理を選択して注文するとき

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 Dec 17, 2023 pm 05:13 PM

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 はじめに: 今日、天気予報の精度は日常生活と意思決定にとって非常に重要です。テクノロジーの発展に伴い、リアルタイムで気象データを取得することで、より正確で信頼性の高い天気予報を提供できるようになりました。この記事では、JavaScript と WebSocket テクノロジを使用して効率的なリアルタイム天気予報システムを構築する方法を学びます。この記事では、具体的なコード例を通じて実装プロセスを説明します。私たちは

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 Jan 05, 2024 pm 06:08 PM

JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です 序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判断し、さまざまなステータス コードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

JavaScriptでinsertBeforeを使用する方法 JavaScriptでinsertBeforeを使用する方法 Nov 24, 2023 am 11:56 AM

使用法: JavaScript では、insertBefore() メソッドを使用して、DOM ツリーに新しいノードを挿入します。このメソッドには、挿入される新しいノードと参照ノード (つまり、新しいノードが挿入されるノード) の 2 つのパラメータが必要です。

JavaScript で HTTP ステータス コードを簡単に取得する方法 JavaScript で HTTP ステータス コードを簡単に取得する方法 Jan 05, 2024 pm 01:37 PM

JavaScript で HTTP ステータス コードを取得する方法の紹介: フロントエンド開発では、バックエンド インターフェイスとの対話を処理する必要があることが多く、HTTP ステータス コードはその非常に重要な部分です。 HTTP ステータス コードを理解して取得すると、インターフェイスから返されたデータをより適切に処理できるようになります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法と、具体的なコード例を紹介します。 1. HTTP ステータス コードとは何ですか? HTTP ステータス コードとは、ブラウザがサーバーへのリクエストを開始したときに、サービスが

See all articles