JS01-JavaScript基础

JavaScript基础

引入js方式

• 直接使用

  <script>
      alert("Hello javascript!")
  </script>
  

• 引入外部文件

  <script src="../js/01.js"></script>
  

数组

let name = ['甘雨','申鹤','钟离']
console.log(name)
console.log(name[0])

• 数字类型

  let age = 123
  let num = 3.141592653
  let num2 = -13
  

• 字符串

  let user_name ='小米'
  let str = '123'
  console.log(age)
  console.log(str)
  let uname = prompt('你的名字是')
  document.write('你的名字'+uname)
  document.write(`你的名字${uname}`)
  

字符

let name =  prompt('请输入你的名字：')
let age = prompt('请输入你的年龄：')
document.write(`大家好，我叫<span>${name}</span>,今年${age}岁了`)

数据类型

• 布尔型 true false

​ console.log(true)

​ console.log(false)

• undefined 只声明不赋值

​ let age

​ document.write(age)

• null 空 赋值了但为空

​ let obj = null

​ console.log(obj)

检测

		console.log(typeof 123)
        console.log(typeof '123')
        console.log(typeof true)
        console.log(typeof undefined)
        console.log(typeof null)

隐式转换

• • 转换为字符串

​ console.log('10'+10)

• • / 转化为数字类型

​ console.log('10'-10)

小技巧

​ let a = '10'

​ console.log(num)

​ console.log(+num)

​ console.log(11 + +num)

显式转换

• parseInt转换为数字型，只保留整数

​ console.log(parseInt('10'))

​ console.log(parseInt('10.11'))

​ console.log(parseInt('10.99'))

• parseFolat转换为数字型，只保留整数

​ console.log(parseFloat('10.99'))

• Number() 只能放数字，不能放字符；否则返回NAN not a number

​ console.log(*Number*('10abc'))

• parseFloat 自动过滤单位

​ console.log(parseFloat('10abc'))

• 字符型

​ console.log(*String*(10))

​ let age = 18

​ console.log(age.toString())

• age.toString() 括号里是2，转换2进制

​ let b = 8

​ console.log(age.toString(2))

• 加法

  ​ let a = prompt('请输入第一个数')

  ​ let b = prompt('请输入第二个数')

  ​ document.write(+a + +b)