JavaScript 基础语法（一）

一、什么是JavaScript，有什么用？

JavaScript是运行在浏览器上的脚本语言。简称JS。
JavaScript是网景公司（NetScape）的 布兰登艾奇（JavaScript之父）开发的，最初叫做LiveScript。

二、在HTML中怎么嵌入JavaScript代码？

有三种方式。

1 内部调用
		<input type="button" value="hello" onclick="window.alert('hello js')"/>
2 代码块
	<script type="text/javascript">
		window.alert("Hello World!"); 
		window.alert("Hello JavaScript!");
	</script>
3 外部调用
	<script type="text/javascript" src="js/1.js">

三、JavaScript基础概念

1、局部变量

<script type="text/javascript">
	/*
		var 变量名 = 值
		var i = 10
	*/
	var i =  10;
	window.alert("i=" + i);
	/*
		变量不赋值会赋默认值undefined
		var i;
	*/
	var i1;
	window.alert("i1=" + i1);
	//变量没定义，会出现错误，但是得用f12查看
	window.alert("name=" + name);
	// 这里name变量是没有定义的
</script>

2、函数的定义

<script>
	// 在js中没有函数重载的概念，后定义的函数会覆盖之前定义的函数
	function sum(a, b){
    
		return a+b;
	}
	var result = sum(10,10);
	alert(result); // 20
	function sum(){
    
		return "test";
	}
	var result1 = sum(10,10);
	alert(result1); // test
</script>

3、函数的调用

<script text="text/javascript">
	/*
		函数的定义：
			1、function 函数名(形参){}
			2、函数名 = function(形参){}
	*/
	// 第一种
	function sum(a,b){
    
		window.alert("a+b=" +(a+b));
	}
	// 函数调用
	sum(1,2);
	// 第二种
	sum1 = function(a,b){
    
		window.alert("a+b=" + (a+b));
	}
	sum1(3,3);
</script>
<!-- 也可以作为标签内部函数 -->
<input value="按钮1" type="Button" onclick="sum1(6,6)" />
<input value="按钮2" type="Button" onclick="sum1(8,9)" />

4、全局变量和局部变量的概念

全局变量：
在函数体之外声明的变量属于全局变量，全局变量的生命周期是：
浏览器打开时声明，浏览器关闭时销毁，尽量少用。因为全局变量会一直在浏览器的内存当中，耗费内存空间。
能使用局部变量尽量使用局部变量。
局部变量：
在函数体当中声明的变量，包括一个函数的形参都属于局部变量，
局部变量的生命周期是：函数开始执行时局部变量的内存空间开辟，函数执行结束之后，局部变量的内存空间释放。
局部变量生命周期较短。

<script text="text/javascript">
	var i = 10;//全局变量
	function sum(){
    
		k = 20; // 不加var就是全局变量
		var i = 99; // 局部变量
		// 就近原则，
		alert("i=" + i); // 99
		var p = 11;
	}
	sum();
	alert(k);
	alert(p); // 会出错，p是局部变量