当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JavaScript知识点2

JavaScript知识点2

2020年07月17日  | 移动技术网IT编程  | 我要评论

文章目录

1.自增（++）

①a++(先取当前值，然后再原来的数值+1)
② ++a(先在原来的数值上+1)

<html>
<head>
    <meta charset="UTF-8">
    <title>快乐学习每一天</title>
</head>
<body>
    <script>
		console.log(a);//1 
		console.log(a++);//2
		console.log(a);//3
		console.log(++a);//4
		console.log(a++ + ++a);//6
 	</script>
</body>
</html>

2.字符串比较

① 它比较的是首个字符的Unicode码

<html>
<head>
    <meta charset="UTF-8">
    <title>快乐学习每一天</title>
</head>
<body>
    <script>   
	   console.log('3'.charCodeAt());//51
	   console.log('10'.charCodeAt());//49

	   console.log(a >'10a');//false
  	   console.log(a<'10a');//false
       console.log(a=='10a');//false '10a' 隐式转换成NaN   NaN与任何值作比较都是false
       console.log(NaN ===NaN);//false
       console.log(NaN ==NaN);//false
 	</script>
</body>
</html>

3.逻辑短路

 && ：当第一个条件为false时，就不需要执行第二个条件（一假即真）
 || ：当第一个条件为true时，就不需要执行第二个条件（一真即真）

<html>
<head>
    <meta charset="UTF-8">
    <title>快乐学习每一天</title>
</head>
<body>
    <script>   
  		    var num=3;
    		num > 5 && console.log(a);//程序不会报错的
    		num < 5|| console.log(a);//程序会报错
   	</script>
</body>
</html>

4.浏览器函数

①alert():弹出警示框。
②prompt()：弹出输出框，需要使用变量来保存输入的值，类型默认是字符串类型。
③如果输入框中的内容为空，返回字符"",如果点击取消返回null。

<html>
<head>
     <meta charset="UTF-8">
     <title>快乐学习每一天</title>
</head>
<body>
    <script>   
   		  var num1=prompt('please input number1');
   		  var num2=prompt('please input number2');
  		  console.log(Number(num1))
   		  console.log(Number(num2))
   		  console.log(Number(num1)+Number(num2));
  	</script>
</body>
</html>

5.数据类型

①数据类型分为原始类型和引用类型。
②原始类型：数值型，字符串型，布尔型，未定义型，空。
③数值型：整形和浮点型（整型在内存中占4个字节，浮点型占8个字节）。

<html>
<head>
    <meta charset="UTF-8">
    <title>快乐学习每一天</title>
</head>
<body>
    <script>   
        var a=5;
        var b=3.5;
        //如何检测数据类型：typeof
        console.log(typeof(a));

		//字符串型：数据被引号包含的是字符串型，不区分单双引号1
        var name='tom';
        console.log(typeof(name) );

        //布尔型：在程序中表示真（true）或假（false） 
        var isLogin=true;//Boolean
		console.log(typeof(islogin));
		
  		//空---null 数据类型
        //underfined 数据类型
        //underfined==null (true) undefined===null (false)
        //undefined == null 只比较值，不比较数据类型，
        //undefined === null 不但比较数值，还会比较数据类型
     </script>
</body>  
</html>

6.js隐式转换

js隐式转换在运算过程中，会自动发生转换。

①数字+字符串 数字会被转换成字符串 2 + ‘3’=‘23’
②数字+布尔型 布尔型转换成数字 true–1 false—0 3 + true = 4
③布尔型+字符串型 布尔型转换成字符串型 true +‘1’=‘true1’

7.代码练习

①可以把代码复制到记事本当中，后缀改为html,再用浏览器运行，查看程序结果。

<html>
<head>
    <meta charset="UTF-8">
    <title>快乐学习每一天</title>
</head>
<body>
    <script>   
        //10+‘object’=10object
        //'7'* '4'=28
        //true +true=2
        //2+null=2
        //1-"x"=NaN
        var xx=1-"x";
        document.write(xx);
        console.log('7'*'4')

        var num1= 3,num2=true,num3='tedu';
        console.log(num1+num2+num3);//4tedu
        console.log(num2+num3+num1);//truetedu3
        console.log(num3+num1+num2);//tedu3true
        //总结：字符串和任何数据类型的相加结果都是字符串

        //强制转换：
        //强制转换成数值型：Number N必须大写
        console.log(Number('5'));//5
        console.log(Number(true));//1
        console.log(Number(undefined));//NaN
        console.log(Number('2a'));//NaN
        console.log(Number(null));//0
       // ②强制转换成整型  常用于将字符串或者数字转换成整型
        var p=8.5;
        var c=parseInt(p);
        console.log(c);//8
        //强制将数值型和布尔型转换成字符串型
        var  num=10;
        var v=num.toString();

        //弹出提示框prompt()
        var al=prompt();

    </script>
</body>  
</html>

上一篇：JavaScript知识点1
下一篇：

本文地址：https://blog.csdn.net/William_fang/article/details/107386737

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网