JavaScript第一天

JavaScript是什么

是一种运行在客户端（浏览器）的编程语言，实现人机交互效果

作用

网页特效（监听用户的一些行为让网页做出对应的反馈）

表单验证（针对表单数据的合法性进行判断）

数据交互（获取后台的数据，渲染到前端）

服务端编程（node.js）

组成

ECMAScript:规定了js基础语法核心知识。

比如变量、分支语句、循环语句、对象等等

Web APIs :

DOM 操作文档比如对页面元素进行移动、大小、添加删除等操作

BOM 操作浏览器比如页面弹窗，检测窗口宽度、存储数据到浏览器等等

JavaScript引入方式

行内javascript引入(了解)

<button onclick="alert('发送验证码成功，50s重试')">点我发送验证码</button>

内部javascript引入


<body>
    <script>
        alert('你好学姐')
    </script>
</body>

外部javascript引入


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

输入和输出语句

输入


let age = +prompt('请输入你的年龄')

输出


document.write('键盘敲烂，月薪过十万<br>')


alert('警示框')


console.log('我会显示在哪里呢？')

变量

是计算机用来存储数据的“容器”

1. 声明变量语法：let 自定义的变量名 
// let age
// // 赋值符号  =
// age = 18

// // 重新赋值
// age = 19
// console.log(age);
// 2. 变量的 初始化  声明变量的时候直接赋值

let age = 18
console.log(age);

document.write(age)

// 3. 声明多个变量 用逗号分隔 
let a = 1, b = 2, c = 3
console.log(a);
console.log(b);
console.log(c);

let和var区别

let的存在就是为了解决var的一些问题

1.var 可以先使用再声明

2.var 可以重复声明

弊端：你设置了一个变量名为a，但是你同事并不知道你给a设置过变量名，也重新声明了一次，结果你的数据就被你同事的覆盖了)

数据类型

基本数据类型

数字型： number

字符串型： string

布尔型： boolean

未定义型： undefined

空类型： null

引用数据类型

数组： array[]

函数： function()

对象： object{}

检测数据类型

typeof


console.log(typeof 1234);  // number
console.log(typeof '1234'); // string
console.log(typeof true); // boolean
console.log(typeof false); // boolean
console.log(typeof 'false'); // string
console.log(typeof undefined); // undefined
console.log(typeof null); // object

数据类型转换

转换为数字型

显性数据类型转换

Number(数据)


console.log(Number('1234acs'));  
// 如果转换的数据中包含非数字内容会返回NaN 不是一个数字
console.log(Number('1234'));  // 1234

parseInt() 转换为数字型，只保留整数，没有四舍五入


console.log(parseInt('12345.123'));  // 12345
console.log(parseInt('12345.123abc'));  // 12345
console.log(parseInt('abc12345.123'));  // 返回NaN 不是一个数字

parseFloat() 转换为数字型，会保留小数


console.log(parseFloat('110.11'));   // 110.11
console.log(parseFloat('110.11abc'));   // 110.11
console.log(parseFloat('abc110.11'));   // 返回NaN 不是一个数字

区别：

// Number() 只能放数字类型的字符，不能放abc这样的否则返回的是 NaN not A number

// parseFloat 经常用于过滤px单位

隐性数据类型转换

运算符 - * /

或是在字符串前加上正号 -> +'我是一串字符串'

转换为字符串型

String(数据)


let age = 15
console.log(String(age));

数据.toString(进制数) 括号里面如果是2 转换为二进制


console.log(age.toString());

01-JavaScript