javascript的变量与数据类型

117 阅读1分钟

一、变量是什么?

变量是存储数据的一个容器。

二、javascript是什么?

是一种运行在客户端(浏览器)的编程语言,实现人机交互效果.

三、作用是什么?

1. 网页特性

2. 表单验证

3. 数据交互

四、javascript的组成

1、ECMAscript和Web APIs

Web API又分为BOM和DOM

五、javascript的三种引入方式

内联
外部
内部

javaScript 输入输出语法

输出语法

document.write()HTML页面 输入标签可以解析

   document.write("<h1>我爱你!</h1>")

image.png

image.png

alert() 警示框

 alert('键盘敲烂,月薪过十万')

image.png

console.log 程序员调试用的,在控制台输出

 console.log('我是程序员!')

image.png

输入语法

prompt() 弹出提示框信息,用户输入

prompt('请输入您的密码给我!')

image.png

let str = prompt(“请输入密码”) 变量str为字符串。

========================================================

变量:变量是存储数据的一个“容器”,它可以让计算机有记忆。

声明变量:var、let、const

let和const为块级作用域,在同一块级作用域内不能定义相同的变量名。

变量的命名规则

  1. 不能用关键字;
  2. 只能用下划线、字母、数字、$组成,不能以数字开头;
  3. 字母严格区分大小写、如Age和age是不同的变量

变量的规范

  1. 起名要有意义
  2. 遵守小驼峰命名法:第一个单词首字母小写,后面每个单词首字母大写,例如:userName

let和var的区别

var声明:

  1. 可以先使用再声明(不合理)
  2. var声明过的变量可以重复声明(不合理)
  3. 比如变量提升、全局变没有块级作用域等等

数组

声明数组

       //声明数组
        let arr = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]
        console.log(arr)
        //实例化数组
        let arr1 = new Array(1, 2, 3, 4, 5, 6, 7)
        console.log(arr1)
        //创建数组长度
        let arr2 = new Array(2)
        arr2[0] = 0
        arr2[1] = 1
        console.log(arr2)
打印结果:
(7["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]
(7[1, 2, 3, 4, 5, 6, 7]
(2[0, 1]

获取数组长度:arr.length

数据类型

基本数据类型

  1. number 数字型
  2. string 字符串型
  3. Boolean 布尔型
  4. undefined 未定义
  5. null 空类型

引用数据类型

  1. object 对象
  2. function 函数
  3. array 数组

undefined和null区别

  1. undefined表示没有赋值
  2. null表示赋值了,但内容为空

null开发中的使用场景

官方解释:把 null 作为尚未创建的对象

大白话: 将来有个变量里面存放的是一个对象,但是对象还没创建好,可以先给个null

数据类型检查 typeof

image.png

数据类型转换

隐式转换

image.png

显式转换

image.png

image.png

新学的知识ES6

模板字符串

 let userName = "广交靓仔"
        let age = 21
        let sex = "男"
        //模板字符串  ${变量名}
        console.log(`我的名字叫${userName},今年${age}岁了,我是一名${sex}生。`)
打印结果:
我的名字叫广交靓仔,今年21岁了,我是一名男生。