JavaScript快速入门、函数

一、JavaScript 简介
1.定义

• JavaScript 是目前最流行脚本语言，简称 JS
• JavaScript 编写在 HTML 页面中，由浏览器负责解释和执行
• JavaScript 通常用来给 HTML 页面增加交互能力

2.HTML / CSS / JavaScript

3.JavaScript 与 Java

二、JavaScript 语法应用
HTML 应用 JavaScript 语法的 3 种方式：
1.内嵌式：又称行内式，在HTML标签上编写JS。
2.内部式：在HTML页面中的script标签中编写JS。

3.外部式：在HTML页面中引入外部JS文件。

三、JavaScript 变量
1.JavaScript 变量定义

2.JavaScript 变量命名规则

• 变量名只能包含：字母、数字、下划线( _ )
• 不能以数字开头
• 不能使用JS关键字
• 变量名区分大小写，下面是两个不同的变量

•  var name=“学习”;
   var Name=“XueXi” ;
  

• JS中定义多个变量利用逗号 , 分割，如：var name=“张三”,age,phone;

3.JavaScript 关键字
JS关键字又称“JS保留字”，不能用作变量名或函数名。

四、JavaScript 数据类型

• List item字符串（String）
• 数字（Number）
• 布尔（Boolean）
• 对象（Object）
• 空（Null）
• 未定义（Undefined）

<script type=“text/javascript”>        
    var name = “张三”;  // 字符串(单引号或双引号)
    var age = 20;  // 数字
    var isFirst = true; // 布尔( true 或 false )
    var company = new Object(); // 对象
    var address = null; // 空
    var phone; // 未定义
</script>

利用JavaScript内置函数：typeof 判断数据类型
五、JavaScript 动态类型
JS 拥有动态类型特性，这意味着相同的变量可存储不同的类型值。

<script type=“text/javascript”>        
    var x;  // x 为未定义类型 undefined
    x = 20;  // 现在 x 为数字类型 number
    x = “Hello”; // 现在 x 为字符串类型 string
</script>

六、JavaScript 注释
JS 注释编写有两种方式：单行注释 和 多行注释。

七、JavaScript 函数
利用函数可以封装多条语句，之后在其它代码中进行调用。

function 函数名( 参数1 , 参数2 ,…){
    // 函数执行代码
}

• 函数代码利用花括号进行包裹
• 函数参数利用逗号进行分隔
• 建议参数个数：小于5个

1.JavaScript 无参函数

<script type="text/javascript">
    // 定义 helloJS 函数 
    function helloJS( ) {        
        alert("你好 JS");    
    }    
    // 调用 helloJS 函数
    helloJS();    
</script>

2.JavaScript 带参函数

<script type="text/javascript">
    // 定义 helloJS 带参函数 
    function helloJS(name,age) {        
         alert("你好 " + name + age);    
    }  

    // 调用 helloJS 函数(同时传入参数)
    helloJS("ZhangSan",5);    
</script>

3.JavaScript 带有返回值函数
函数中利用 return 语句返回值。

<script type="text/javascript">
    // 定义 add 函数，返回两数相加的和 
    function add( num1, num2 )  {        
         return num1 + num2;    
    }    
    // 调用 add 函数(同时传入参数)
    // 将返回值赋给 result 变量
    var result = add(1, 2);  
  alert("1加2=" + result);    
</script>

4.JavaScript 内置系统函数
JS常用内置系统函数。