[JavaScript知识库]javaScript基础

javaScript

javaScript基础

概念

JavaScript主要用于HTML的页面，嵌入在HTML的源码中。

功能

1. 是一种解释性脚本语言(代码不进行预编译)。

2. 主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。

3. 可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

4. 跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。

Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理

javaScript发展史

1992年，Nombase公司
1995年，Netscape公司
1996年，微软抄袭javaScript语言
1997年，ECMA指定标准
javaScript = ECMAScript+JavaScript(BOM+DOM)

ECMAScript

基本语法

与html结合方式
内部的js

	<script>
		alert("内部js")
	</script>

外部的js

<script src="index.js"></script>

注意事项：

可以定义在html 的任意位置

可以定义多个

注释

单行注释 //
多行注释 /* */

数据类型

原始数据类型
number：数字
string：字符串
boolean：true和false
null：一个对象为空的占位符
undefined：未定义。如果一个变量没有初始化值，则会被默认值赋值为nudefinend

变量

? 一小块存放数据的内存空间
? java语言是强类型语言，而javaScript是弱类型的语言
? 强类型：在开辟空间后，只能存储定义好的数据类型
? 弱类型：在开辟空间后，可以存放任意的数据类型
? 语法：
? var 变量名 = 初始化值
? 代码：

//定义变量
var a = 3;
alert(a)
a = "abc";
alert(a);
//定义number类型
var num = 1;
var num2 = 1.1;
var num3 = NaN;
document.write(num+"<br>");
document.write(num2+"<br>");
document.write(num3+"<br>");

//定义string类型
var str = "abc";
var str2 = 'edf';
document.write(str+"<br>");
document.write(str2+"<br>");

//定义Boolean
var flag = true;
document.write(flag+"<br>");

//定义null，undefined
var obj = null;
var obj2 = undefined;
var obj3;
//直接定义var obj3; 值为undefined
document.write(obj+"<br>");
document.write(obj2+"<br>");
document.write(obj3+"<br>");		

运算符

一元运算符
typeof查看类型
++ – +(正号)
+(正号)作用：
在js中如果运算数不是运算所需要的的类型，那么js引擎会自动的将运算符进行转换
其他的类型转number

string转number，按字面值转换，如果字面值不是数字就转换为NaN（不是数字的数字）
boolean转number，true转为1，false转为0

算数运算符

算数运算符

+ - * /

赋值运算符

= += -=

比较运算符

> < >= == =(全等于)
比较方式：
类型相同，直接比较
				字符串，按照字典顺序比较，按位进行比较，直到得出大小为止。
类型不同，先进行类型转换，在比较
				全等于 === 在比较之前先判断类型，如果类型不一样，直接返回false

逻辑运算符

&& || !

三元运算符

？：

特殊语法
一行语句只在一行可以不用加分号
局部变量与全局变量

流程控制语句

if...else...

switch 在js中，switch语句接收任意的原始数据类型
    var a = 1;
		switch(a){
			case 1:
				alert("number");
				break;
			case "abc":
				alert("string");
				break;
			case true:
				alert("boolean");
				break;
			case null:
				alert("null");
				break;
			case undefined:
				alert("undefined");
				break;
		}

while

do...while

for
for(var i = 1; i <= 100;i++){
			
}

案例

九九乘法表
	for(var i = 1; i < 9 ; i++){
		for(var j = 1; j<=i; j++){
			document.write(i + "*" + j + "="+(i+j)+"&nbsp;&nbsp;&nbsp;");
		}
		document.write("<br>")
	}