자바스크립트 소개, 첫 번째 글 js 기본_기본지식

다음은 DOM 프로그래밍 기술, JavaScript 이해 및 JavaScript 5에 대한 권위 있는 가이드를 읽은 후 작성한 메모입니다. 저는 고급 기사를 작성할 만큼 자격이 없습니다. 노트가 잘 작성되지 않았다고 생각되면 앞으로 내 노트를 읽을 필요가 없습니다. 이 기사는 단지 몇 분의 시간 낭비일 뿐입니다.

Javascript 배우기 첫 번째 기사 js 기본

1, javascript 문자 집합:
javascript는 유니코드 문자 집합 인코딩을 사용합니다.
이 인코딩을 사용하는 이유는 무엇입니까?
이유는 간단합니다. 16비트 유니코드 인코딩은 지구상에 있는 사람들의 모든 문자 언어를 표현할 수 있기 때문입니다. 이는 언어 국제화의 중요한 특징입니다. (다음과 같이 중국어로 작성된 스크립트를 본 적이 있을 것입니다. function My function () {} )
Javascript의 각 문자는 2바이트로 표시됩니다. (16비트 인코딩이니까요)


2, 대소문자 구분:
js는 대소문자를 구분하는 언어입니다.
참고: 이전에도 실수를 한 적이 있습니다.
HTML은 대소문자를 구분하지 않습니다.
7869df4999dd938cb3eaef6ea6510215 이렇게 쓰는 분들을 종종 봅니다.
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가지 기본 유형, 숫자, 문자열 및 부울 값. 참고: 객체----함수에는 특수 객체가 있습니다. (코드를 실행할 수 있는 객체입니다.)

Some other object:
Array:
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()



isFinite(number) 함수는 인수가 무한대인지 확인하는 데 사용됩니다.

숫자가 유한한 경우 true를 반환합니다. 숫자가 NaN(숫자 아님)이거나 무한대이면 false를 반환합니다.

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

2) 문자:
'맞습니다'; 이렇게 작성하면 js는 you라는 문자 다음에 끝나는 것으로 잘못 인식하여 오류가 발생합니다.
그래서 이런 상황이 발생하면 탈출을 사용해야 합니다.
다음과 같이 작성할 수 있습니다.
'당신 말이 맞아요';
또한 google.com에서 이스케이프 시퀀스 목록을 검색할 수 있습니다.

문자열의 간단한 연산 예:




예제에서 볼 수 있듯이 밑은 모두 0부터 시작합니다.

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

3): 숫자와 문자 간 변환:

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

숫자에서 문자로:

참고 : toString() 메서드는 기본적으로 10진수 변환을 사용합니다.

8진수 변환을 사용하려면 다음과 같이 작성할 수 있습니다: number.toString(8)

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

문자를 숫자로 변환:

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）！