ホームページ > 記事 > ウェブフロントエンド > 毎日身につけておきたいJavaScript基礎入門_JavaScriptスキル
毎日身につけておきたいJavaScript基礎入門_JavaScriptスキル
- WBOYオリジナル
- 2016-05-16 15:15:241173ブラウズ
今日から私は、新しい友達を JavaScript の理解から始めて、一歩ずつマスターの領域に進んでいくように導きます。これからは、入門段階から一歩ずつ始めます。
JavaScript の人生経験を紹介しましょう。そうしないと、JavaScript の歴史についてあまりにも多くのことを話してしまい、私は学校に入学したときにそれを覚えていません。
JS は、バックグラウンド プログラムの開発によく使用される Java 言語とは関係がありません。JS の使用範囲も、ドキュメント ノードの追加、削除、変更、確認、およびドキュメントの構築にのみ使用されます。サーバーと通信するシステムです。これは単なるインタープリタ言語です。後で JavaScript について詳しく学びます。長いです、大丈夫、気にしないでください、偉大な神になるために修煉したい友人たち、私の習慣を我慢してください。
この記事を読んでいる人は、デフォルトで HTML の基本的な知識を持っている友人であることを明確にしなければなりません。次のコードを理解していない場合は、最初に理解してから実践してください。普通の人でも実践できることです。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
</head>
<body>
<h1>javascript大神修炼记</h1>
<div>………………</div>
<script type="text/javascript">
function MyFun(){
……
}
</script>
</body>
</html>
もう 1 つ言っておかなければならないのは、script タグは教科書で見るものとは異なっており、依然として body タグに書かれているということです。これは、Web ページの読み込み順序が上から下、ノードごとにレンダリングされ、リソースの応答速度も 1 つずつ読み込まれるためです。余談ですが、サーバーや現在のアクセス状況によって異なります。ページが上から下に 1 つずつ script タグにレンダリングされると、JavaScript コードがドキュメント ノード上で動作する場合は、ノード オブジェクトを正しく取得できます。コード実行エラーのリスク。したがって、script タグは head タグ内に記述されません。
まず、プログラムを始める方法で説明しましょう。そうしないと、プログラムに関しては、一部の友人がそれを受け入れられないかもしれません。 OOP については後で触れなければならないので、ここではクラス、関数、変数について説明します。私もかつてはそうでしたが、徐々に理解できるようになってきたと思います。 JavaScript ではクラスと関数に相互変換という概念があるため、まだ理解に問題があるため、関数から始めてクラスの概念に触れないようにすることにしました。
function WriteMyName(){
console.log("My name is MrDream");
}
WriteMyName();
私は Chrome ブラウザを使用しています。F12 を押して、コンソール パネルに入り、コードをデバッグします。後で、私が頻繁にデバッグしているのを見れば、あなたもこのブラウザを気に入るはずです。使っていると自然とコードのデバッグに慣れてきます。
先ほど、メソッド本体で function キーワードを使用して関数 WriteMyName を宣言し、単純な console.log (「My name is MrDream」) を記述し、関数名と括弧
を直接使用しました。WriteMyName() で、前の関数本体の内容を実行できるようにします。この内容は、「My name is MrDream」という文を出力するものです。ここで、console.log が印刷を意味することを理解する必要があります。 。
関数本体の宣言構文の簡単な概要 function 関数名(){関数本体}
次に、パラメーターを含む関数を見てみましょう
function WriteMyName(_your_name){
console.log(_your_name);
}
WriteMyName("My name is MrDream");
ここで宣言した関数と以前の関数の違いは、出力されたコンテンツがパラメーターの形式で渡されることです。これまでに WriteMyName() を呼び出したときは、固定されたコンテンツのみを出力したことです。このように WriteMyName("Madaha") を書くと、任意の名前を二重引用符で囲んで出力できるので、見てみましょう。
以前よりも柔軟性が大幅に向上しました。関数本体に任意の文字列名を渡すことができます。そうしないとエラーが発生します。 、引き続き変数の宣言について説明します。まず、変数とその機能を理解する必要があります
。
var five = 5;
var six = 6;
function add(){
console.log(five+six);
}
我们同样是使用函数名+括号进行函数调用 add()，我们来看一下效果
函数体里面仍然是一句打印语句，打印的结果是11，5+6=11，没有错吧，如果我们要做其他值的加法，怎么办呢？是不是要修改变量呢，对了，前面的var就是用来声明变量的关键字，我们声明了一个five和一个six,并且给他们赋值，然后，打印这两个变量相加。
是不是觉得我们每次想打印的时候，都要修改函数体里面的变量，这样就很麻烦了，那们我们来试一个传递参数的函数
var five = 5;
var six = 6;
function add(num1,num2){
console.log(num1+num2);
}
add(five,six);
我们在函数num1,num2处的位置分别传入了变量five,six同样打印出来正确的结果，这样，我们就可以方便地传入其他的值了
现在看一下，我们可以传入变量，也可以传入数字，正负均可，如果需要使用不固定的值在函数体进行计算的时候，我们就需要把这个函数写在带参数的函数。
总结一下，我们今天学会了什么？
第一，javascript是用来干什么的
第二，javsscript代码放在页面的什么位置最合适
第三，变量的声明，用什么关键字
第四，我们学会了函数的声明（带参数，不带参数，带参数的原因），用什么关键字
哈哈 离大神又更近了一步，希望大家再接再厉，坚持下去，一定会有所收获。