JavaScript学习01

木子ozz

已于 2024-03-18 17:28:12 修改

阅读量1.8k

点赞数 43

文章标签： javascript 学习开发语言

于 2024-03-18 00:09:02 首次发布

本文链接：https://blog.csdn.net/weixin_54026396/article/details/136793634

版权

本文介绍了JavaScript编程的基础概念，包括变量声明与赋值、数据类型（数字、字符串、布尔、undefined和null）、控制台输出、模板字符串、常量、prompt函数的使用以及类型转换规则，如隐式类型转换和显式转换函数parseInt和parseFloat的用法。

摘要由CSDN通过智能技术生成

JavaScript学习01

输入输出

文档输出打印

document.write('helloworld')
document.write('<h1>标题<h1>')

控制台输出打印

console.log('hello')

页面弹出警示对话框

alert('hello')

输入语法

prompt('请输入')

alert和prompt会先执行

变量

变量：存储数据的容器

声明变量
变量赋值

语法：(1)let 变量名

变量 = 值

(2) let 变量名 = 值
变量更新

  let age //（1）
  age = 20 //（1）
  let name = '张三' //（2）
  age = 21 //变量更新
  let num1 = 1, num2 = 2 // 声明多个变量 分开声明更清晰

变量接受prompt的内容

  let uname = prompt('输入姓名')
  console.log(uname)

变量的规范命名类似于java

常量

声明常量命名规范和变量一致

const 变量名 = 值

const PI = 3.14 // 必须在声明时赋值，只能赋值一次

数组

声明

let 数组名 = [数据1, 数据2, … , 数据n]，可以是不同类型的数据。

let names = ['小明', '小红', '小刚', '小米'，10]
console.log(names.length) // 打印数组长度

数据类型

JavaScript弱数据类型语言在这里插入图片描述

数字类型

算术运算符：+，-，*，/，%

NaN（not a number)
```
console.log('he'-2)
```

字符串类型

单引号（‘’)、双引号（“”）、反引号（``）推荐使用单引号

“+”：数字相加，字符串拼接复杂的情况看7.类型转换

  console.log('我说“hello world”')
  console.log(1+1)
  console.log('hello'+'world')
//有一个是字符串“+”就是拼接
  let age = 19
  console.log('我今年'+age+'岁')

模板字符串

  let age = 19
  console.log(`我今年${age}岁`)// 输出用反引号 变量${变量名}

boolean类型

只有两个值：true和false

  let isCool = true
  console.log(isCool)

undefined - 未定义类型

只声明，不赋值，变量默认值为undefined，一般很少直接为某个变量赋值为undefined
```
  let num
  console.log(num) // undefined
```
null - 空类型

undefined 表示没有赋值

null 表示赋值了，但内容为空,官方解释是把null作为尚未创建的对象

  let obj = null
  console.log(obj) //null
  console.log(undefined + 1) // NaN
  console.log(null + 1) // 1

typeof 关键字检测数据类型

(1) 作为运算符：typeof x **推荐 ** （2）函数形式： typeof(x)

  let num = 1
  console.log(typeof num) // null
  let str = 'hello'
  console.log(typeof str) // string
  let str1 = '10'
  console.log(typeof str1) // string
  let flag = false
  console.log(typeof flag) // boolean
  let un
  console.log(typeof un) // undefined
  let obj = null
  console.log(typeof obj) // object 
  let num1 = prompt('请输入数字：')
  console.log(typeof num1) // string

prompt 和表单接受的数据默认都是string类型

类型转换

（1）隐式转化

  console.log(1 + 1) // 2
  console.log('hello' + 1) // hello1
  console.log(1 + 'hello') // 1hello
  console.log('2' + 2) // 22 字符串类型
  console.log(2 - 2) // 0 数字类型
  console.log(2 - '2') // 0 数字类型
  console.log('2' - 2) // 0 数字类型
  console.log(+ 12) // 数字正12

  console.log(+ '123') // 数字123

” + “ 优先向字符串类型转换也能将字符串类型转为数字类型

” - “优先向数字类型转换

蓝色为数字类型

在这里插入图片描述

  console.log('2' * 2) // 4
  console.log(typeof + 12) // number
  console.log(typeof  + '123') // number

（2）显示转换

Number(数据)

  let str = '123'
  console.log(Number(str)) // 数字123
  console.log(Number('hello')) // NaN
  let num = Number(prompt('请输入数字:')) //string类型转换为数字类型
  console.log(num)

在这里插入图片描述

  let num1 = +(prompt('请输入数字:')) // 数字类型

parseInt(数据) :只保留整数

  console.log(parseInt('123px')) // 123
  console.log(parseInt('123.45px')) // 123
  console.log(parseInt(123.45)) // 123
  console.log(parseInt('abc123.45df')) // NaN

parseFloat(数据):可以保留小数

  console.log(parseFloat('123px')) // 123
  console.log(parseFloat('123.45px')) // 123.45
  console.log(parseFloat(123.45)) // 123.45
  console.log(parseFloat('abc123.45df')) // NaN