JS笔记
Javascript的基本介绍
? JS是用于WEB开发的脚本语言: ? 脚本语言是什么:
? 脚本语言往往不能独立使用,它和HTML/JSP/PHP/ASP.NET配合使用 ? 脚本语言也有自己的变量,函数,控制语句(顺序,分支,循环)
? 脚本语言实际上是解释性语言(即在执行时直接对源码进行执行),编译性语言效率会更高一些
? Java程序.java→.class→jvm ,js→浏览器(js引擎来解释执行) ? Js主要在客户端(浏览器)执行
因为js是由浏览器来执行的,因此这里有个问题,不同类型的浏览器可能对js的支持不一样。
? 开发工具的选择:记事本 myeclipse
案例:1
需求:打开网页后,显示hello !
?
问题:
? js的位置可以随意放
? js必须使用
? 在一个html文件中(JSP/PHP/ASP.NET)可以出现多对(script)片段,浏览器会按照
先后顺序依次执行
案例2:
? 如何定义变量: ? 如何运算:
Js的变量类型是怎样决定的
1) Js是弱数据类型语言,即:在定义变量时候,统一使用var表示,甚至可以去掉
var这个关键字
2) Js中的变量的数据是由js引擎决定的 var name=”shunping”; //name是字符串 var kk=2 //kk是数字
name=234; //这时name自动变成数 ? Js的命名规范(函数/变量):
?
1) 2) 3) 4) 5) 6) ?
使用大小写字母,数字,$可以命名 不能以数字打头
不能使用js保留字和关键字(即java里的关键字) 区分
单行注释大小写:// 多行注释:/*…….*/
Js的数据类型: 基本数据类型3种
1数值类型
特殊数值:1)NaN 不是数字 var a=”abc”
window.alert(parseInt(a));
2) Infinity 无穷大
window.alert(6/0);
3)isNaN() 如果是数字的话返回false 4)isFinite() 如果是无穷大返回false 2.字符串类型
可以用双引号 也可以用单引号 ,单个字符也可以看成字符串,有特殊字符用\\转义 window.alert(\输出asada”r 3.布尔类型 true false
通过typeof可以看到变量的具体数据类型
举例:
?
?
复合数据类型 ? 数组 ? 对象 特殊数据类型
? Null 即:var a=null ? Undefine
即:如下代码
?
Js定义变量,初始化,赋值 1)定义变量: 即var a
2)初始化: 即在定义变量时就给值
3)赋值: 即:比如你先定义一个变量 var tt ,然后再给值:tt=780; ? js数据类型转换:
1)自动转换
例子:var a=123; //a是数值 a=”hello” //a的类型是string 2)强制转换
例子:字符串转换成数字 var a=\” ;
a=parseInt(a); //使用系统函数强制转换
var b=90 ; //b是number b=b+””, //b就是string
? 运算符
+ — * / %
%(取摸:即两个数相除的余数) 强调:取模主要用于整数之间取模
例子:编写一个程序,判断两个数是否能够整除
?
++, 运算符
a++ --> a=a+1 b-- = b=b-1
++a 表示先把自己加1再赋值 --a 表示先把自己减1再赋值
例子:
var a=56;
var b=++a;
window.alert(b); b=57 window.alert(a); a=57
?
--运算符
var a=56;
var b=--a;
window.alert(b); b=55 window.alert(a); a=55
window.prompt(); prompt() 方法用于显示可提示用户进行输入的对话框。 document.write() :向浏览器输出内容
var num1=window.prompt(\请输入一个数\输入1.1 var num2=window.prompt(\请再输入一个数\输入1.1 document.writeln(\这两个数的和是\//此时都当成字符串考虑,输出1.11.1
document.writeln(\这两个数的和是\//此时输出2.2
这个案例中不写parseFloat也是可以的 逻辑运算符: (1) 与&&
If(逻辑表达式1&&逻辑表达式2){}
如果 逻辑表达式1为true 则JS引擎会继续执行逻辑表达式2 如果 逻辑表达式1为false则不会执行逻辑表达式2 (2) 或 ||
在JS中,||究竟返回什么值,这是一个非常重要的知识点
结论:将返回第一个不为false的值(对象亦可),或者是返回最后一个值(如果全部都是false的话),返回的结果不一定是布尔值 案例1: var a=true; var b=false;
window.alert(a||b);