js-01-基础知识

一、JS变量的声明、数据类型和变量的转换

1.js变量声明关键字：var

注意：a：js变量区分大小写；

b：js中字符串可使用双引号，也可使用单引号；

c：js中可声明同名变量，控制台不会报错，但后面变量会覆盖前面的。

2.数据类型分类

a：number（数字类型）

b：string（字符串类型）

c：boolean（布尔类型）

d：null

e：undefined（未定义）

f：object（对象类型）

　　注:NaN 是数字类型，但其本质不是数字；它与所有值都不相等，包括自己。

3.js变量的转换

a：使用number（）函数将要转换的数据类型转换为数字类型

b：使用boolean（）函数将要转换的数据类型转换为布尔类型

js变量使用注意：

　　变量名称最好含义明确，以字母或下划线开头，跟上数字字母下划线

a：var age= 12；

b：var test5 ='hello';

c: var _test = 'hello';

二、js的三种引入方式和浏览器javascript支持与否的检测

1.内部引入

<script>

......

</script>

2.外部引入（推荐使用）

<script src="路径" type="text/javascript"></script>

3.行内引入

<a href="javascript:confirm('aaa');">666</a>

<p onclick="javascript:alert('hello');">clickme</p>

4.检测浏览器是否支持javascript使用方式（一般电脑都会支持）

<noscript>

您的浏览器不支持JavaScript

</noscript>

三、驼峰标记法和下划线法和js 的三种弹框方式

a、驼峰标记法和下划线法

var firstName = 'king';    //小驼峰

var FirstName = 'queen';    //大驼峰

var first_name = 'fyh';    //下划线法

b、js的三种弹框方式

警告弹框：alert（‘ ’）；

确认框： confirm(' ');

提示框：prompt('提示语句'，‘input框’）；

四、js中的运算符

1、算数运算符（+、-、*、/、++、--、%）

<script>

    var i=1,j=2;

    document.write(i+j);  //3

    document.write('<br/>');

    document.write(i-j);   //-1

    document.write('<br/>');

    document.write(i*j);  //2

    document.write('<br/>');

    document.write(i/j);  //0.5

     document.write(i%j);  //2

    document.write('<br/>');

     document.write(1%-2);  //1

    document.write('<br/>');

     document.write(-1%2);  //-1

    document.write('<br/>');

     document.write(-2%1);  //0

</script>

　　a:"%"余数运算符，俩个数相除，取余数。

　　　　a=10%2; //a=0

　　b:"++"自增运算符　

var a=10;

    //赋值后加1；

var b=a++;

    //a变量的值赋给b，b=10；然后变量a+1，a=11；

var c=++a;

    //将变量a的值+1，a=12；然后将变量a赋值给变量c，c=12；

document.write("b="+b+",c="+c);

c:"- -"自减运算符

　　var num1=2;

　　　　alert(- -num1); //输出num1=1；

　　//浮点型支持自增自减运算符

　　　　num1=12.3；

　　　　alert（--num1）； //输出num1=11.3；

　　　　注意：字符串类型不支持自增自减运算符

2、赋值运算符（=、+=、-=、*=、/=）

　　“+=”：先加后等，如a+=5，展开后为a=a+5；

　　“-=”：先减后等，如a-=5，展开后为a=a-5；

　　“*=”：先乘后等，如a*=5，展开后为a=a*5；

　　“/=”：先除后等，如a/=5，展开后为a=a/5；

3、字符串运算符（+）

　　字符串运算符只作连接符使用，不进行其他运算。

eg：var a='fyh';

　　 var b=a+'666';　　　　//b='fyh'+'666'='fyh666';

4、比较运算符(>、<、>=、<=、==、！=、===、！==)

　　eg：a=5>6; //a=false;

　　　　a=5>=6; //a=false;

　　　　"=="，值相比较，值一样返回ture，否则返回flase；

　　　　"===",值和类型同时比较，相同返回ture，不同返回flase；

　　　　“！==”，不绝对相等，值或类型有一个不相等，或者俩个都不相等；

　　　　“===”，绝对相等，值和类型均相等；

5、逻辑运算符（&&、||、！）

　　　　&&(与):俩边都成立才返回ture，只要不相同就返回false；

　　　　||（或)：a:前面为ture，后边不管是ture或false，都返回前面的值；

　　　　　　　　b：前面为false，后边不管是ture或false，都返回后边的值；

6、逗号运算符　

var a,b,c;

var n=1,m=2;

var z=(x=3,y=4);

console.log(z);//4

console.log(x);//3

7、三元运算符（三目运算符）(a>b ? 'true' : 'false')　

if(3>1){

        document.write('aa');

}else{

        document.weite('bb');

}

document.write('<br/>');

var res=3>1?'aa':'bb';

document.write(res);

document.write('<br/>');

8、void运算符

<script type="text/javascript">

    //void运算符

    z=void(n=1,m=2,p=3);

    alert(z);

            //z输出为3

        var x;

    x=123;

    x='king';

    x=true;

    x=null;

    x=undefined;

    x=[1,2,3];

    alert(typeof x);

        //x输出为undefined

</script>

五、null、NaN、" "、undefined比较

　　1、undefined:未定义类型

　　　　var a;

　　　　alert(a); //undefined未定义；

　　2、null(空值)

　　　　alert(typeof null); //object

　　3、NaN(NaN 是数字类型，但其本质不是数字；它与所有值都不相等，包括自己；)

　　　　alert(NaN==NaN);//false;

　　4、　" "

0==" ";   //true

0==false; //true　

null==undefined;   //true 

0==undefined； //false

undefined==false; //false

" "==undefined； //false

0==null； //false

null==false; //false

" "==null； //false

巴特西

js-01-基础知识

最新文章

热门文章