JavaScript知识点归纳之教程（一）

一、JavaScript输出

JavaScript没有任何打印或输出的函数，不过可以通过不同的方式来输出数据。

window.alert()	弹出警告框
innerHtml	写入到HTML元素
document.write()	将内容写到HTML文档中
console.log()	写入到浏览器控制台

1.使用window.alert()，弹出警告框

<script>
window.alert(1+2+3*5);
</script>

2.使用innerHtml，写入到HTML元素

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML="我是被写入哒";
</script>

3.document.write(),将内容写到HTML文档中

<script>
document.write("我也是被写入哒");
</script>

提示：2和3，据我理解的就是，一个需要借助一个id写入，一个可以直接写入，当然那个id里面原来是否有文字，都不会显示出来，会被覆盖，只会显示刚写入的，但是呈现的内容感觉都是一样的。

4.console.log()，写入到浏览器控制台

<script>
a=1;
b=2;
c=a*b;
console.log(c);
</script>

二、语法

1.关键字

JavaScript关键字必须以字母、下划线（_）或美元符号（$）开始，但是数字是不允许作为首字符出现的哈。

以下是JavaScript种最重要的保留字，保留关键字不能作为变量名使用。

abstract	else	instanceof	super
boolean	enum	int	switch
break	export	interface	synchronized
byte	extends	let	this
case	false	long	throw
catch	final	native	throws
char	finally	new	transient
class	float	null	true
const	for	package	try
continue	function	private	typeof
debugger	goto	protected	var
default	if	public	void
delete	implements	return	volatile
do	import	short	while
double	in	static	with

2.大小写

JavaScript对大小写是敏感的，getElementById和getElementByID是不同的。

3.语句标识符

JavaScript语句通常以一个语句表示符为开始， 并且执行该语句。

break	用于跳出循环。
catch	语句块，在 try 语句块执行出错时执行 catch 语句块。
continue	跳过循环中的一个迭代。
do ... while	执行一个语句块，在条件语句为 true 时继续执行该语句块。
for	在条件语句为 true 时，可以将代码块执行指定的次数。
for ... in	用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
function	定义一个函数
if ... else	用于基于不同的条件来执行不同的动作。
return	退出函数
switch	用于基于不同的条件来执行不同的动作。
throw	抛出（生成）错误 。
try	实现错误处理，与 catch 一同使用。
var	声明一个变量。
while	当条件语句为 true 时，执行语句块。

break	用于跳出循环。
catch	语句块，在 try 语句块执行出错时执行 catch 语句块。
continue	跳过循环中的一个迭代。
do ... while	执行一个语句块，在条件语句为 true 时继续执行该语句块。
for	在条件语句为 true 时，可以将代码块执行指定的次数。
for ... in	用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
function	定义一个函数
if ... else	用于基于不同的条件来执行不同的动作。
return	退出函数
switch	用于基于不同的条件来执行不同的动作。
throw	抛出（生成）错误 。
try	实现错误处理，与 catch 一同使用。
var	声明一个变量。
while	当条件语句为 true 时，执行语句块。

三、变量

变量是用于存储信息的“容器”。

1.变量名

变量必须以字母开头、也能以$和_符号开头（不过不推荐这么使用）,同样是对大小写敏感的，x和X是不同的变量。

2.数据类型

当向变量赋值是数值时，不要使用引号，否则会被当做文本来处理。

当向变量分配文本值时，应该用双引号或单引号包围值。

3.一条语句多个变量

可以在一条语句中声明多个变量，该语句以var开头，并且使用逗号隔开变量即可。

var name="name1",age="age1";

4.重新声明JavaScript变量

如果重新声明JavaScript变量，该变量的值不会丢失。

var carname="name"; 
var carname;
和
var carname;
var carname="name"; 






输出结果都是name,除非后来再赋值，才会输出最后赋值的相应结果，例如
var carname=“name”;
var carname="name1";
输出结果是name1

5.javascript的两种寻址方式

（1）name=x.lastname;
（2）name=x["lastname"];
表达的意思都是一样的。



四、对象

对象是变量的容器。

1.对象定义

<script>
var person=
{
firstname: "John",
lastname: "Doe",
age:5
};
document.write(person.firstname+person.lastname + "是一个"+person.age+"的孩子");
</script>
2.访问对象属性与上文的寻址方式一致。

3.对象方法

创建对象放法：

methodName : function(){
....
}
访问对象方法：
objectName.methodName()
访问对象属性：
objectName.methodName
例如：

<p id="demo1"></p>
<p id="demo2"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() 
{
return this.firstName + " " + this.lastName;
}
};
document.getElementById("demo1").innerHTML = person.fullName;
document.getElementById("demo2").innerHTML = person.fullName();
</script>



二则区别大哦~特别注意：









五、函数
1.变量和参数必须以一致的顺序出现，第一个变量就是第一个被传递的参数的值。

<button οnclick="myFunction('Lili','lala')">点击按钮</button>
<button οnclick="myFunction('lily','haha')">点击按钮</button>
<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>
2.局部变量

在JavaScript函数内部声明的变量（使用var）是局部变量，变量作用是局部才能访问的。

因此可以在不同的函数声明中使用相同的局部变量，只要函数运行完毕，本地变量就会被删除。

3.全局变量

在函数外声明的变量是全局变量，网页上所有脚本和函数都能够访问它。

全局变量会在页面关闭后被删除。

4.向未声明的JavaScript变量赋值

该变量会自动作为全局变量声明