js 学习day01andday02

  • js 学习day01andday02已关闭评论
  • 28 次浏览
  • A+
所属分类:Web前端
摘要

行内式内嵌式外链式alertconsole.logdocument.write数字 number字符 string布尔 booleannull


day1

javascript三种引入方式

三种输出方式

变量

数据类型

查看数据类型

判断是否为数字

javascript三种引入方式

行内式

 <a href="javascript:alert('hello word')">哒哒哒</a>             <div onclick="alert('你好')">我</div>  

内嵌式

<script>         alert("hello word") </script> 

外链式

<script src="./01.js"></script>     //引入js文件  alert('hello word')                //js文件内容 

三种输出方式

alert

alert("hello word")             //顶部弹窗输出  

console.log

console.log("加入我们")          //控制台输出   最常用 

document.write

document.write("加入我们")                  //网页内输出 

变量

 var num;                    //不写死  num = 100;  var num2 = 200;                 

数据类型

基本数据类型

数字 number

 var x=10; 

字符 string

 var t3 = 'abc'  

布尔 boolean

var t4 = true  

null

 var t5=null  

undefined

var t4  
复杂数据类型

对象 object

方法 fuction

查看数据类型>

typeof

console.log(typeof 10);                 //number console.log(typeof  "abc");              //string var t1 = 10; console.log(typeof t1);                   //number console.log(typeof typeof 10);           //string  

判断是否为数字

isNaN is not anumber

	var a =100     console.log(isNaN(a))                   //false     var b ="abc"     console.log(isNaN(b))                   //true  

(emmmmmm,第一次发稿竟然因为文字少而被劝退,还好我还有余稿)

day02

数据类型转换

赋值运算符

比较运算符

逻辑运算符

自增和自减

数据类型转换

转换成数字

Number

  1. 可以把一个变量强制转换成数值类型
  2. 可以转换小数,会保留小数
  3. 可以转换布尔值
  4. 遇到不可转换的都会返回
		var t1 = "100"         console.log(typeof t1)                            //string         console.log(typeof Number(t1))                    //number 		var num = "abc"         console.log(Number (num))                         //NaN 

parseInt

  1. 从第一位开始检查,是数字就转换,直到一个不是数字的内容

  2. 开头就不是数字,那么直接返回 `NaN

  3. 不识别小数点,只能保留整数

    		var num= "100abc"         console.log(parseInt(num))                        //100 		var num= "abc100"         console.log(parseInt(num))                        //NaN 

parseFloat

  1. 从第一位开始检查,是数字就转换,直到一个不是数字的内容
  2. 开头就不是数字,那么直接返回 NaN
  3. 可以识别第一个小数点
转字符串
  1. toString()`

    有一些数据类型不能使用 toString() 方法,比如 undefinednull

  2. String(变量)`

    所有数据类型都可以使用加法运算

    字符串拼接: 只要 + 任意一边是字符串,就会进行字符串拼接

    加法运算:只有 + 两边都是数字的时候,才会进行数学运算

转布尔类型

Boolean

​ 在 js 中,只有 ''0nullundefinedNaN,这些是 false

​ 其余都是 true

赋值运算符

  1. +=

    var a = 10; a += 10; console.log(a); //=> 20 

    a += 10 等价于 a = a + 10

  2. -=

    var a = 10;

    a -= 10; console.log(a); //=> 0 

    a -= 10 等价于 a = a - 10

  3. *=

    var a = 10; a *= 10; console.log(a); //=> 100 

    a *= 10 等价于 a = a * 10

  4. /+

    var a = 10; a /= 10; console.log(a); //=> 1 

    a /= 10 等价于 a = a / 10

  5. %=

    var a = 10; a %= 10; console.log(a); //=> 0 

    a %= 10 等价于 a = a % 10

比较运算符

== < > <= >= === !=

== 和===区别

==只比较数值是否相同

===比较数值和字符是否相同

		var a = 100 		var b = "100" 		console.log(a==b)                  //true 		console.log(a===b)                 //false 

逻辑运算符

&&

只有两边均为正时,才为正,其余为假

		console.log(1 && 2 && 3)         //当均为true时,输出最后一位         console.log(1 && 0 && 3)         //如果遇到false,直接输出false  

||只有两边均为假时,才为假,其余为正

		console.log(1 || 2 || 3)         //输出第一个ture,         console.log(false || 0 || 3)         console.log(false || 0 || "")    //如果全为false,输出最后一个false 

自增和自减

++a 前置 先进行++运算,在输出

 	var a=10     console.log(++a)          //11     console.log(a)            //11 

a++ 后置 先输出a,在进行++

    var a=10      console.log(a++)          //10                 console.log(a)            //11 

--a 前置 先进行--运算,在输出

	var a=10     console.log(--a)          //9     console.log(a)            //9 

a++ 后置 先输出a,在进行--

	var a=10      console.log(a--)          //10               console.log(a)            //9