js学习要点1变量,运算符

  • Comments Off on js学习要点1变量,运算符
  • A+

js学习要点1变量,运算符

1、变量是在内存中存在和运行的、临时存在的数据。

2、声明变量是使用系统关键字var来进行的。语法格式:var 变量名 = 变量值。

3、变量名不能以数字开头,可以以字母或下划线开头。

变量名不能是系统关键字,区分大小写,“驼峰式命名”或者“下划线式命名”。

4、值NaN。NaN(not a number)不是一个数字。

5、JS中的转义字符是反斜杠(\)。常用的转义字符有:\’、\”、\\、\r、\n等。

也就是,当浏览器遇到反斜杠(\)时,将会对其后的一个字符进行特殊对待,当成普通字符来对待。所谓“普通”字符就是a、b、c、&等。

var name = "小明";var str = "我的名字叫做\"" +name+"\""

//我的名字叫做"小明",\"后面的 " 如果不用转义字符,就会和前面的 " 混淆。

6、当一个变量定义,但未赋值时,将返回未定义型,未定义型的值只有一个undefined。

当一个对象的属性不存在,也返回未定义型。

7、当一个对象不存在时,将返回空型,空型的值只有一个null。

也可以理解为:是一个对象的占位符。

如果你想清除一个变量的值的话,可以给赋一个null的值。

var a = 100;
var a = null ;  //将一个null赋给一个变量,用于清除它的值。

8、变量的类型转换,一般情况是JS自动转换的,但也有些时候需要手动转换。

var x1 = "abc"; //true
var x2 = "110"; //true
var x3 = ""; //false
var x4 = 110; //true
var x5 = 0; //false
var x6 = NaN; //false
var x7 = undefined; //false
var x8 = null; //false
//系统内置函数Boolean(),用于将数据强制转换成布尔型。
var result = Boolean(x3);
var x1 = true; //true
var x2 = false; //false
var x4 = 110; //110
var x5 = 0; //0
var x6 = NaN; //NaN
var x7 = undefined; //undefined
var x8 = null; //null
//使用String()全局函数,强制将变量转化成字符型。
var result = String(x3);
var x1 = true; //1
var x2 = false; //0
var x3 = "120px"; //NaN
var x4 = 100; //100
var x5 = ""; //0
var x6 = undefined; //NaN
var x8 = null; //0
//使用Number()全局函数,强制将变量转化成数值型。
var result = Number(x1);

9、判断变量的数据类型:typeof()。

var x1 = "abc"; //string
var x2 = 110; //number
var x3 = true; //boolean
var x4; //undefined
var x5 = null; //object
//使用typeof()判断变量的数据类型
var result = typeof(x5);

10、parseInt()系统函数、全局函数

parseInt("500eps"); //500
parseInt("500.88"); //500
parseInt("a120px"); //NaN

功能:在一个字符串中,从左往右提取整型。如果遇到非整型的内容,则停止提取,并返回结果。

注:如果第一个字符就是非整数,则立即停止,并返回NaN。

parseFloat()系统函数、全局函数

parseInt("500eps"); //500
parseInt("500.88"); //500.88
parseInt("a120px"); //NaN

功能:在一个字符串中,从左往右提取浮点型;遇到非浮点型内容,则停止提取,并返回结果。

注:如果第一个字符是非浮点型,则立即停止,并返回NaN。

11、JavaScript中的运算符

算术运算符:+、-、*、/、%、++、--

(1)“%”取余运算符,两个数相除,取余数。

A = 10 % 3;  // A = 1,如果余数不为0,则两个不能整除
A = 10 % 2;  // A = 0,如果余数为0,则两个数能除尽

(2)“++”加1运算符、自加1

“++”可以作前缀(++i),也可以作后缀(i++)。

var a = 1;
var b = 5;
//++a = 2,当++a时,无论如何,都会先执行a=a+1,然后执行输出其它操作,如在页面输出、运算之类的
//b++ = 5,当b++时,会先执行其它操作,如输出、运算之类的,最后等这条语句结束时,执行a=a+1,然后这条语句结束

赋值运算符:=、+=、-=、*=、/=

“+=”先加后等。如:a += 10  //展开后  a = a + 10

“-=”先减后等。如:a -= 10   //展开后  a = a - 10

“*=”先乘后等。如:a *= 10  //展开后  a = a * 10

“/=”先除后等。如:a /= 10   //展开后  a = a / 10

字符串运算符:+、+=

字符串只能进行“连接”运算,不能进行其它运算。

var str = "欢迎来到"+name;

比较运算符:>、<、>=、<=、==、!=、===、!==

比较运算符的运算结果是布尔值(true或false)。

A = 10 > 20;       // 结果A=false
A = 20>=20;       // 结果A=true
A = 10%2 == 0;    // 结果A=true
A = 10%2 == “0”;  // 结果A=true
A = 10%3 != 0;    // 结果A=true
A = 10%2 === “0”;  //结果A=false

注:

“=”是赋值号。如:a = 10

“==”等于。只比较两个变量的值,而不管类型。只要值一样,就返回true,否则返回false。

“===”全等于。既比较变量,也判断类型。如果类型和值都一样,返回true,否则返回false。

逻辑运算符:&&、||、!

逻辑运算符的运算结果有两个true或false。

“&&”逻辑与(并且关系)。如果左右两个操作数都为true,则结果为true,否则,结果为false。

逻辑与,就是两个条件同时满足时,则结果为true。

score>=60&&score<70 //score大于等于60并且小于等于70

“||”逻辑或。左右两个条件,只要有一个满足,则返回true,否则,返回false。

age<10||age>60//age小于10或者大于60

“!”取反运算。!true = false  、   !false = true  、 !100 = false

var a=true; //!a = false

三元运算符:?:

所谓“三元运算符”就是指三个操作数。

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

语法:操作数1 ? 操作数2 : 操作数3

含义:如果条件为true,则执行“结果1”的代码;如果条件为false,则执行“结果2”的代码。

其实:三元运算符,就是if else的变形形式。

var a=10;
var b=20;
//判断a和b那个大,把大的那个赋值给max
var max=a>b?a:b;
document.write("最大值:"+max);//最大值:20

12、JavaScript特殊运算符及运算符优先级

特殊运算符

new运算符:创建一个对象。如:var today = new Date(); //创建一个当前系统日期时间对象

delete运算符:删除数组的元素,或者对象的属性。

typeof运算符:一元运算符,主要功能:判断变量的类型的。如:typeof name  或  typeof(name)

点运算符(.):主要应用在对象中,通过点运算符(.)去调用属性或方法。如:window.alert(“OK”)

 [ ]中括号:主要用来访问数组元素的。如:arr[0] = 100;  //找到下标为0的数组元素,并重新赋值

运算符优先级

在实际的使用中,如果分不清优先级的话,就直接使用我们小学学到的知识,想要哪个先运算的话,直接加括号包起来,简单粗暴效果好。