Open Main menu
  • Home
  • /
  • part1 简介

part1 简介

by lcm 11 月 21, 2024 0 comment

part1 简介

part1 简介

一、JavaScript介绍

1.1 JavaScript简介:

运行在客户端(浏览器)的编程语言

作用:

  • 网页特效
  • 表单验证
  • 数据交互

1.2 书写位置:

①内部JavaScript:

规范:标签的上方,用包裹

②外部JavaScript:

通过:引入到html页面

③行内JavaScript:

tips:

结束符
作用：用英文的;代表语句的结束

可写可不写(写的是否应该做到统一)

注释: 

单行注释://

多行注释/**/

1.5 输入输出语法(规则)

输出:

document.write('输出的内容')
//作用:向<body>标签内输入内容

alert('要输出的内容')
//作用:页面内弹警示对话框

console.log('控制台打印')

输入:

prompt('请输入你的姓名')
//作用:显示输入对话框以及弹出相应提示

二、变量

2.1 变量是什么:

变量并非数据本身,而是一个存储数据的容器

2.2 变量的基本使用:

声明变量:

let 变量名
/*(声明关键字)+(变量名 标识符)
不允许多次声明同一变量*/

变量赋值:

age=18
/*
将字面量18赋值给age
=号为赋值号
*/

声明并同时初始化变量 :

let age=18,uname='迪丽热巴'

2.3 更新变量….

直接赋予新值

交换变量的值:
核心在于使用一个临时变量做中间存储

2.4 命名的规范及规则

规则（必要）：
  1. 不能用关键字
  2. 字母，数字，下划线，$，数字不能作为开头
  3. 严格区分大小写
规范（非必要）：
  1. 命名需要有意义
  2. 小驼峰命名法：userName

2.5 数组（Array）——储存多个变量

  • 数组按顺序存储数据
    声明语法：
let name=['a','b','c','d']
//a为name[0]

三、常量

概念：用const声明的变量为常量
场景：用于声明一个永远不会改变的变量的值
命名规范：与变量命名规范相同

connst PI=3.1415926

常量不允许重新赋值,因此声明的时候必须进行初始化

# 四、数据类型

数据进行分类的目的:

  • 更充分和更高效地利用内存

数据类型——数字类型（Number）

  • 数字类型包括：正数，负数，小数
  • 算术运算符的优先级：乘，除，取余>加，减

数据类型——字符串类型(string)

  • 单引号，双引号，反引号包裹于字符串中，没有本质的区别。

推荐使用单引号

  • 转义符\使引号能正常输出
  • 字符串的拼接:
    • 使用”+”号对字符串进行拼接,同时字符串和数字可直接通过”+”进行拼接(Python中不行)
  • 模版字符串（类似于Python的快速格式化）：
    • 外部用反引号(`)包裹
    • 内部用(${age})
      模板字符串例:
let age=18
(`我今年${age}岁了`)

数据类型——布尔类型(boolean类型)

  • true:真
  • false:假

数据类型——未定义类型(undefined类型)

只声明变量,未赋值的情况下,变量的默认值为undefined

“`javascript
let age
document.write(age)
//输出为undefined
“`
## 数据类型——空类型(null类型)
“`JavaScript
let obj=null
consule.log(obj)
输出为null
“`

NULL和UNDEFINED的区别:

  • undefined表示为未赋值状态
  • NULL表示赋值了但赋值为空
  • undefined+=NaN(Not a number)
  • NULL+1=1

检测数据类型

  • typeof x
  • typeof (x)

五、类型转换

  • 为什么需要类型:
    JavaScript是弱数据类型在输入时候,并不能确定输入的数据类型,只有赋值以后才清楚
  • 表单,单选框,复选框输入的值无论如何都为字符串

5.2 隐式转换

  • 规则:
    • ＋号两边只要有一个是字符串,都会把另外一个转化成字符串
      • /等算数运算符都会把数据转化成数字类型

  • 隐式转换的缺点:
    • 转换类型不明显
  • tips:
    • 任何数据和字符串相加结果都是字符串

显式转换

  • 显式转换的基本概念:自己告诉系统数据该转成什么类型
转换为数字型:

Number(数据)

  • Number(数据)
    • 转成数字类型
    • 字符串中有非数字时→NaN(Not a Number)
    • NaN也是Number类型数据,代表非数字
  • parseInt(数据)
    • 只保留数字部分的整数
  • parseFloat(数据)
    • 只取前面数字开头部分的小数和整数
//JavaScript的parseFloat示例
let a = 'abc126.84'
let b = '3.14ack'
consule.log(parseFloat(a))
//输出为NaN
consule.log(parseFloat(b))
//输出为3.14
Post Views: 2
JavaScript

Write your comment Here