JS学习之旅(二)

JS学习之旅(二)

如何引入js

1. 页面内嵌

<script type="text/javascript">
    document.write("hello world");
</script>

2. 外部引入

<script type="text/javascript" src="your js"></script>

注:当外部引用和页面内嵌同时存在时,则会执行外部引入的代码

js基本语法

1. 变量(variable)
   • 变量声明
     • 声明/赋值分解
     • 单一var
   • 命名规则
     • 变量名必须以英文字母或_或$开头
     • 变量名可以包括英文字母或_或$或数字
     • 不可以用系统的关键字或保留字作为变量名

关键字

break	else	new	var
case	finally	return	void
catch	for	switch	while
default	if	throw
delete	in	try
do	instanceof	typeof

保留字

abstract	enum	int	short
boolean	export	interface	static
byte	extends	long	super
char	final	native	synchronized
class	float	package	throws
const	goto	provate	transient
debugger	implements	protected	volatile
double	import	public

原始值:指一些代表原始数据类型的值，也叫基本数据类型.js的原始值有:Number Boolean String undefined null.原始值存储在栈(stack)中.

var a = 10 ;
var b = a ;
a = 20;
console.log(b);     //输出10 b的值不会因a的值的改变而该改变

引用值:指一些复合类型数据的值.js的引用值有:Object function Array RegExp Data.引用值存储在堆(heap)中

var a = [1,2,3] ;  
var b = a ; 
a.push(4) ;
console.log(b) ;     //输出1,2,3,4 
a = [12] ;
console.log(b) ;  //输出1,2,3,4 
console.log(a) ;  //输出12

1. js语句基本规则
   • 语句后面要用分号结束";"
   • js语法错误会引发后续代码终止,但不会影响其他js代码块
   • 书写格式要规范,"=+/-"两边都应该有空格

js运算符

1. 运算操作符
   • “+”
     • 数学运算 字符串链接
     • 任何数据类型加字符串都等于字符串
   • “-”,"*","/","%","=","()"
   • 优先级"=“最弱,”()"优先级最高
   • “++”,"–","+="."-=","/=","*=","%="
2. 比较运算符
   • “>”,"<","==",">=","<=","!="
   • 比较结果为boolean
3. 逻辑运算符
   • “&&”,"||","!"
   • 运算结果为真实的值
4. 被认定为flase的值
   • undefined,null,NaN,"",0,false
     注:NaN不等于任何东西,包括自己.

逻辑运算符&&(短路语句)
如果&&连接的是两个表达式,那么计算机会先看第一个表达式转换成布尔值的结果,
如果第一个表达式的结果为真,那么他会看第二个表达式,然后返回该表达式的值.
如果第一个表达式的结果为假,那么返回改表达式的值.
如果&&连接的是两个表达式以上,那么会一次往下走,直到出现假的为止,并将改表达式的值返回.

	var one = 1 && 2;
    document.write(one);//打印2

    var _one = 1+2 && 3+2;
    document.write(_one);//打印5

    var two = 0 && 2;
    document.write(two);//打印0

    var three = 1 && 2 && 3 + 4;
    document.write(three);//打印7

    var four = 1 && 2 && NaN && 3;
    document.write(four);//打印NaN

    1 > 2 && document.write("hello &&");//不输出

    1 < 2 && document.write("hello &&");//输出

逻辑运算符||
如果||连接的是两个表达式,那么计算机会先看第一个表达式转换成布尔值的结果,
如果第一个表达式的结果为真,那么返回该表达式的值.
如果第一个表达式的结果为假,那么他会看第二个表达式,然后返回改表达式的值.
如果||连接的是两个表达式以上,那么会一次往下走,直到出现真的为止,并将改表达式的值返回.

//eg:IE浏览器e要通过window.event取值,非IE浏览器直接取,用||做兼容

div.onclick = function(e){
	var event = e || window.event;
}