week9---11月4日 JS基础（二）

一、复习

1、JS的特点

2、JS 的调用

二、新课

2、常量、变量、数组介绍

     1）类型——数据类型转换

    JavaScript中可以使用数值、字符、布尔型、null、undefined等数据类型。

     我们在使用数据时会遇到需要将数字字符串转换为数值或将数值转换为字符串使用的情况，例如在表单文本框中输入的即使是数量数字但浏览器都作为字符串对待。

   一般情况下计算时浏览器可以自动转换数据类型，如果需要自己转换时可以使用字符串对象专用方法，也可以采用以下简单的方法。

• 将数字字符串转换为数值时可用数字字符串乘数值1：

     "数字字符串"*1

• 将数值转换为字符串时可用空字符串与数值连接：

     ""+123.45

注意：文本框、文本区元素不输入数据其内容为" "表示空字符串而不是null，" "与数值比较时作为数值0处理。 

     2）变量 （8-2.html）

    JavaScript使用var语句可同时声明多个变量并初始化，多个变量之间必须用逗号隔开。

    var x,y=300, name="张三";

    可定义变量x, y,name并对y, name初始化，x默认undefined

• JavaScript变量名区分大小写，如sun与Sun是不同的变量
• 变量名由字母、数字和下划线组成，开头不能是数字、不能包含空格、不能使用关键字
• 变量没有固定的类型，根据赋值类型自动识别，还可以再次赋值其他类型，未赋值变量默认值为undefined

varx=100;            //定义x为数值型变量

x="李四";            //x成为字符串对象

• 变量可以不声明，通过赋值自动声明变量，但不能直接使用不存在的变量null。

age=22;                //直接赋值自动声明变量—不推荐该方式

• 已有变量可重新定义，重新定义时如果不赋新值仍保留原值

varx=100, y=300;

var x,y="王五";  //x保持原值100，y值为"王五"原值冲掉

     

3、运算符，表达式  （8-3.html）

（三）练习

制作一个三角形的计算器

PS：根据这个计算器进行优化思考。