Javascript基础1

Javascript基础

Javascript是什么

• 基于事件和对象驱动，并具有安全性能的脚本语言。
• Javascript是和浏览器捆绑在一起的，只要安装了浏览器软件，就已经有了JavaScript。
• 跨平台
• 安全性

Javascript能解决什么

• 表单客户端验证
• 动态HTML(DHTML)
• 用户交互的动画效果：需要鼠标和键入介入的动画效果。

javscript的使用

引入方法

• <script type=”text/javascript”>具体js代码</script>
• <script type=”text/javascript” src=”js文件”></script>

区分大小写(代码大小写敏感)

注释

• 单行注释以双斜杠开头（//）
• 多行注释以单斜杠和星号开头（/），以星号和单斜杠结尾（/）

变量(弱类型)

与 Java不同，ECMAScript 中的变量无特定的类型，定义变量时只用 var 运算符，可以将它初始化为任意值。

• 变量名字命名规则：

php里边：字母、数字、下划线组成，开始有$符号标志，数字不能作为开始内容

js里边：字母、数字、下划线、$符号、汉字等5个组成部分，数字不能作为名字的开始内容。

var color = "red";
var num = 25;
var visible = true;

• 常用的两个函数

  • window.alert() 或写为 alert() ：显示一个提示框显示内容。
  • window.document.write() ：在网页的当前位置处写内容。

• 数据类型

  • 基本数据类型：字符型(String)、数值型(Number)、布尔型(Boolean)、Undefined(未定义型)、Null(空型)
  • 复合数据类型：数组(Array)、对象(Object)、函数(Function)
  • 键字typeof可以获取一个变量的类型。

数值型数据(Number)

数值型数据包含整型和浮点型(小数)。

Var a = 100;
Var a = 0;
Var a = -100;
Var a = 0.987;
Var a = NaN;

数值型数据有一个特殊的值NaN，它的含义是not a number。用在：将其它类型的数据转成数值型时，转不过来时，将返回NaN。

举例：将a = “abc”; 转成数值时，转不过去，就会返回NaN值

最大：Number.MAX_VALUE;

最小：Number.MIN_VALUE;

无穷大：Number.MAX_VALUE+Number.MAX_VALUE

字符串(String)

用单引号或双引号，引起来的一个字符串

Var a = ‘abc’;
Var a = “中国”;    //JS中每行语句写完后，以“;”号结束，分号不是必须的，但建议大家写
Var a = “1200”;   //也是字符串

如果在双引号内再套双引号时，内层的双引号，应该使用转义字符 \”来代表双引号。

如果在单引号内再套单引号时，内层的单引号，应该使用转义字符 \’ 来代表单引号。

转义字符的作用：当浏览器遇到“\”符号时，会将其后的字符进行特殊处理。

var a = "广州传智播客\"PHP\"基础班课程体系";
document.write(a);

布尔值(Boolean)

布尔型数据只有两个结果，真或假，是或否；

布尔型数据只有两个值：true或false

var sex=true;
var isRead=false;

undefined(未定义型)

当一个变量定义了，但没有赋值，会返回undefined，它的值只有一个“undefined”

null(空型)

当一个对象不存在时，将返回null，null的数据类型的值只有一个null。

变量类型转换

• 数据类型转换

1. 第一种：其它类型自动转成数值

自动转换

var a = "abc";              //NaN
var a = true;             //1
var a = false;            //0
var a = "100px";          //NaN
var a = "100";             //100
var a = undefined;        // NaN
var a = null;           // 0

强制转换的函数Number()

2. 其它类型转成布尔型

自动转换

var a = "abc";              //true
var a = 0;                  //false
var a = -100;            //true
var a = "";               //false
var a = "100";          //true
var a = undefined;      // false
var a = null;           //false

强制转换的函数Boolean()

3. 其它类型自动转成字符型

自动转换

var a = 0;               // "0"
var a = true;            // "true"
var a = false;           // "false"
var a = NaN;           // "NaN"
var a = 100;          // "100"
var a = undefined;     // "undefined" 
var a = null;         //"null"

强制转换的函数String()

• 从字符串中提取数值

parseInt(str)：在字符串中，从左到右提取整数，如遇到非数字数据，则停止提取；

parseFloat(str)：在字符串中，从左到右提取浮点数(小数)，如遇到非数字数据，则停止提取；

注意：如果要提取的字符串的第一个字符是非数字的，则直接返回NaN。

算术运算符、赋值运算符、字符串运算符

• 字符串运算符：+和+=

“+”就是用来连接前后两个字符串，或者连接变量；

“+”如果它的前后有一个是字符串，则“+”的功能就是“连接”字符串功能；

“+”如果它的前后都是数值时，则“+”的功能就是“加法”运算的功能；

"+="和"+"的用法一样

• 算术运算符：+、-、*、/、%(取余)、++(自身加1)、--(自身减1)

%：两个数相除，取余数；如果余数为0，则两个数能整除。我们一般可以%来判断偶数或奇数；

++：自身加1运算符，有两种表现形式：作前缀(i)、作后缀(i)

var a = i++，含义：先将i的值赋给前面的变量，然后将i的值加1；

var a = ++i，含义：先将i的值加1，然后将结果赋给前面的变量；

• 赋值运算符：=、+=、-=、*=、/=、%=

• 三元运算符

语法格式：条件表达式 ? 结果1 : 结果2

说明：当条件表达式为true时，执行“结果1”的代码；如果条件表达式为false时，执行“结果2”代码。

举例：

Var isMarried = false;
	isMarried ? “已婚” : “未婚”;  //如果isMarried的值为true，则输出“已婚”，否则，输出“未婚”

• 比较运算符：>、<、>=、<=、== 、!=、== =、!==

较运算符，是对两个操作数进行比较，比较的结果只有两种可能，分别为true和false

“== ”是等于，只要两个操作数值相等，就返回true，否则返回false

“===”是全等，两个数的值和类型都相等，就返回true，否则返回false

• 逻辑运算符：&&、||、!