JS基础第一天

前端三大关键

Html----网页骨架

CSS----网页外貌

JS----网页动作

JavaScript

browser的唯一脚本语言，通常运行在browser里的编程语言

node.js服务端编程,用可以作后端编程语言

JS组成

ECMAScript规则:规定js基础语法

eg:变量,分支语句,循环,对象等

Web APIs(可操作的实体对象)

DOM:操作文档,整个HTML就是一个文档document

BOM:操作浏览器,页面弹窗,检测窗口宽度等

JS三种写法:行内写法,外部引入法,内部写法

外部引入法和内部写法,script标签写在body结束标签前面. 外部引入法的script标签内不能写代码,会被忽略掉

行内写法:又叫内联法,内嵌法,写在标签内部和css的内联式一样(not suggest)

JS的注释

单行ctrl+/ ----> //

块级注释shift+alt+a ------->/* */

JS语句的结束符

英文的分号;

换行代表语句结束,所有也可以不写分号

根据团队,可写,可不写

JS常见输出语法

document. write('123');

Ø向body内输出内容

Ø如果输出的内容写的是标签，也会被解析成网页元素

alert('123');

页面弹出警告框

console.log('123');

Ø控制台输出语法，程序员调试使用

JS常见输入语法

prompt('123')

Ø显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字，获取的输入内容是字符串

JS的变量

变量:存放数据的容器

声明变量关键字: let

同过等于号赋值: let age = 18;

通过变量名来获取变量名的数据:document. write(age);

变量本质:就是计算机向内存申请的一块地址空间来存放数据

声明变量:就是申请一块地址空间

变量的规则

不能用关键字作变量名,eg: if,var,let,else,for等

下划线_ ，字母，数字，$组成，且数字不能开头

严格区分大小写

变量的规范

1.小驼峰:首个单词为小写,第二个单词起首字母大写

userName, emailAddress

2.起名要有意义

数据类型

1.number 数字类型

正整数:+100 , 小数:1.23 负数:-1.23

2.string 字符串

''单引号 ""双引号 ``反引号

布尔值Boolean

true

false

基本数据类型

defined:声明一个变量但不赋值,变量默认值为undefined

null:空类型

name =null :代表name变量为空

undefined 和null的区别

undefined 表示没赋值/变量没有被初始化(没有开辟内存空间)

开发场景中,检测变量是undefined就说明没有值传递过来

null 表示赋值了,但是内容为空/变量已被初始化,但值为空(开辟了内存空间)

如果一个变量里面确定存放的是对象，如果还没准备好对象，可以放个null

基本数据类型/简单数据类型:number string Boolean null undefined

数据类型隐式转换

隐式转化:系统内部自动的进行类型转化

除了+号之外,算数运算符会把数据转化为数字

+号可以作为正号解析

console.log(+'11' + 11 );------------------------>此时输出为22

数据类型显示转换:自己写代码告诉计算机

转换number类型

1.Number(一定要首字母大写,因为小写number是数据类型)

console.log(Number('123'))-------------->123

当数据不能转换为数字,会返回NaN(Not a Number), NaN也是一个数字类型

2.parseInt

console.log(parseInt('1.57'))-------------->1

转换为整数

3.parseFloat

console.log(parseFloat('1.57'))------------------>1.57

转化为带小数点数字

+"11",+号可以作为正号解析

把字符窜11转换为数字11

parseInt() parseFloat() 【parse解析的意思：只要传入的数据是以数字开头的，就能解析成功，返回值为第一个数字直到碰到非数值为止；比如 parseInt("123aa") ;返回 123】

Number() : 不能解析，有非数字就返回NaN

转换字符串

//String转换为字符串

console.log(String('123'));//字符串

console.log(String(123));//由蓝色数字变为黑色字符串

console.log(String(true));//布尔值转为字符串

console.log(String(false));

console.log(String(undefined));//undefined转为字符串

console.log(String(null));//null转为字符串

//变量名.toString(进制),进制不写默认为10进制

//需要一个变量

//直接数字.toString()会报错

// 123.toString();