Javascript入門 第1回 jsの基礎_基礎知識

これらは、『The Art of DOM Programming』、『Understanding JavaScript』、および『The Authoritative Guide to JavaScript 5』を読んだ後に取ったメモです。私には高度な記事を書く資格がありません。 このメモがうまく書かれていないと思われる場合は、今後の私のメモを読む必要はありません。この記事は数分の時間の無駄です。

JavaScript 学習最初の記事 js の基礎

1、javascript 文字セット:
javascript は Unicode 文字セット エンコーディングを使用します。
なぜこのエンコーディングを使用するのでしょうか?
その理由は単純で、16 ビット Unicode エンコーディングは地球上のあらゆる人々の書き言葉を表現できるからです。これは言語の国際化の重要な特徴です。 (次のような中国語で書かれたスクリプトを見たことがあるかもしれません: function My function () {} );
JavaScript の各文字は 2 バイトで表されます。 (16 ビットエンコーディングであるため)


2、大文字と小文字の区別:
js は大文字と小文字を区別する言語です。
注: 私は以前にも間違いを犯したことがあります。
HTML では大文字と小文字が区別されません。
(これは正しいです)
JS に記述する場合は、onclick (小文字) を使用する必要があります。 ) ! )
同時に、XHTML では小文字のみ使用できます。
このような問題については、あまり心配する必要はありません。実際に自分で基準を設定し、独自のプログラムを作成するときにすべて小文字で書くことができます。
さらに、プログラムの各行の後のセミコロンも同様で、すべて書きます。

3、コメント:
単一行:
// コメント 1
/* コメント 2 */
複数行:
/* コメント 3
* コメント3
* 注 3
*/

4 、識別子:
識別子は、変数と関数に名前を付けるために使用される名前です。
ルール: 最初の文字は文字、アンダースコア (_)、またはドル記号 ($) である必要があります。
最初の文字を数字にできないのはなぜですか?
最初のものが数値であれば、js はそれを簡単に数値として扱うことができるため、js がそれを規定した後は、識別子と数値を区別するのが簡単になります。

5、直接量:
はプログラム内で直接表示されるデータ値です。
例: 12 、 1.2 、 “ hello “ 、 true 、 null 、 [1,2,3,4]
これらはすべて直接的な量です。

6、予約語とキーワード:
特定のものについては、google.cn にアクセスしてください。
実際のところ、非常に憂鬱な名前を選ばない限り、争いは起こりません。

7、js データ型:
3 つの基本型、数値、文字列、ブール値。
2 つの小さなデータ型: null と unknown . (なぜこれらは小さなデータ型と呼ばれるのですか? 1 つの値しか定義しないためです)
1 つの複合型: オブジェクト (この型では、その値は基本的なデータ型にすることができます)。他のオブジェクトなどの複合型も可能です。)
注: オブジェクト ---- 関数には特殊なオブジェクトがあります (コードを実行できるオブジェクトです)。

その他。オブジェクト:
配列:
Date クラス: 日付のオブジェクトです。
RegExp クラス: 正規表現オブジェクト。
Errorクラス: js内でエラーが発生するオブジェクト。

8 、データ型を使用するときに注意すべきこと:
1): 数値:
数値には 8 進数、10 進数、16 進数などが含まれるためです。 。 。
8進数: var num = 011; //「0」で始まる
16進数: var num =0x1f; //「0x」で始まる
ということでjsで認識できる言語です、注意が必要です。
alert(377); // 377
alert(0377); //255 = 3 * 64 7 * 8 7 * 1

算術演算用の重要なオブジェクトがあります。 🎜>詳細については、オンラインでマニュアルをダウンロードし、中の方法を確認してください。

2 つの便利な関数: isNaN() と isFinite()

isNaN() : 用于检查其参数是否是非数字值。// 提示：是非数字哦。(not a number) 
document.write(isNaN(0) )  //返回false 
document.write(isNaN(5-2) ) //返回false 
document.write(isNaN ("Hello") ) //返回true

isFinite(number) 関数は、引数が無限大かどうかを確認するために使用されます。

数値が有限の場合は true を返し、数値が NaN (数値ではない) または無限の場合は false を返します。

2): 文字:
'そのとおりです';このように書くと、js は you という文字の後で終わると誤って認識し、エラーが発生します。
したがって、この状況に遭遇した場合はエスケープを使用する必要があります。
次のように書くことができます:
「あなたは正しいです」;
また、google.com でエスケープ シーケンス リストを検索することもできます。

文字列の簡単な操作例:

var a = "cssrain"; 
var b = a.charAt(a.length-1); // 从字符串a中截取最后一个字符。  输出：n 
var c = a.substring(0 , 2);  // 从字符串a中截取第1，2个字符。 输出：cs 
var d = a.indexOf('s');   // 从字符串a中查找第一个s出现的位置。 输出：1

この例からわかるように、基数はすべて 0 から始まります。

var e = a.substring( a.length-1 ); //可以看出，substring第2个参数不写的话， 
//默认 是到最后。 
var f = a.substring( a.length-1 , a.length);//等价于

3): 数値と文字間の変換:
数値から文字へ:

var number_to_string = number + “ ”; //方法1：添加一个空的字符串。 
var number_to_string =String(number); //方法2：使用String()函数。 
var number_to_string =number. toString(); //方法3：使用toString()函数。

注: toString() メソッドのデフォルトは 10 進数変換です。

8 進数変換を使用する場合は、次のように記述できます。 toString(8);

文字を数値に変換します:

var string_to_number = string – 0 ; //方法1： 字符串减去0。 
var string_to_number = Number(string) ; //方法2：使用Number ()函数。 
var string_to_number = parseInt(string) ; //方法3：使用parseInt ()函数。

方法1中不能 用string+0 ; 这样会导致字符串拼接，而不是类型转换。
方法2 中的Number函数转换，比较严格。
比如：

var a = "19cssrain86"; 
var b = Number(a);  //输出NaN.

如果我们使用方法3。

var c = parseInt(a); //输出 19

可以看出parseInt()会自动忽略非数字的部分。
parseInt()只取整数部分，忽略小数部分。
parseFloat()会把小数部分也取到。
和toString()一样，parseInt也有进制，默认是10进制。
如果想使用8进制，可以这么写： parseInt( “077” , 8 ); // 输出63 = 7 * 8 + 7
当字符以0开头的时候，我们必须把 第二个参数 指明，不然js可能会以8进制去转换。

4):布尔类型：
布尔在数字环境中：true 转换为 1 ，false 转换为 0 。
在字符环境中：true 转换为 “true” ，false 转换为 “false” 。
布尔转换：

var x_to_Boolean = Boolean(x); //方法1：使用Boolean ()函数。 
var x_to_Boolean = !x; //方法2：使用 感叹号。

5):函数的定义：
方法1：普通定义

function square(x){ 
      return x*x; 
}

方法2：函数直接量定义

var square = function(x){  return x*x; }   //推荐使用

方法3：构造参数

var square = new Function(“x”,”return x*x;”);   //效率低

6):对象：
如果有一个名为 cssrain 的对象 ， 他有一个高度height的属性。
那么我们可以这么引用：

cssrain.height;

还可以使用关联数组定义：cssrain[“height”];

创建对象：
方法1：

var point = new Object(); 
point.x = 3; 
point.y = 5;

方法2：使用对象直接量
var point = {x:3 , y:5 }
当然json也可以咯。

对象在字符的环境下，会调用toString()方法。
数字环境下，会调用valueOf()方法。
布尔环境下，非空对象为true;

7):数组：
常规数组：以非负整数做为下标。image[0]
关联数组：以字符做为下标。如：image[“width”]
js不支持多维数组，但数组里面可以嵌套数组。

创建数组：
方法1：

var a = new Array(); 
a[0] = “1”; 
a[1] = 2; 
a[2] = { x:1, y:3}; 
方法2：  
var  a  =  new Array(“1” , 2 , {x:1,y:3} );

注意下：如果只传了一个参数；比如var a = new Array(3);
那么它是表示：3个未定义元素 的 新数组。
方法3：使用数组直接量
var a =[“1” , 2 , {x:1 , y :3 }]; //注意外面的 括号 ， 不是花 括号。

8):null和undefined：
null表示无值；
undefined : 使用一个并未声明的变量，或者使用了已经声明的变量但未赋值或者使用了一个并不存在的属性。
undefined==null
如果要区分：
可以使用=== 或者typeof运算符。

9 ,新手常遇到的疑惑：

var s =”you are right”; 
var b = s.substring(s.lastIndexOf(“ ”)-1 , s.length);

疑惑：s是对象还是字符串，为什么字符串会有方法呢？
回答：s是字符串。之所以有方法 ，是因为 string类型 有一个相应的对象类（String）。
同样数字和布尔都有相应的Number , Boolean类。
Js会内部进行相应的包装对象。String对象就替换了原始的字符串。

总结：
简单了介绍了js中的一些概念（词法结构） 和 数据类型（部分）。
好了，今天就说到这里， 明天我们 继续。^_^。

笔记我已给部分群员看过，有好的评论也有不好的评论。所以我郑重声明下：
这是我看了DOM编程艺术，悟透JavaScript，javascript权威指南5做的笔记，
我资质不深，不能写出高深的文章，
如果你觉得笔记写得不好，可以不看我以后的。这篇文章就当作浪费你几分钟。 

以上就是Javascript入门学习第一篇 js基础_基础知识的内容，更多相关内容请关注PHP中文网（www.php.cn）！