ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

JavaScript知识点1

JavaScript知识点1

JavaScript简介

(html和css是标记语言)
1.JS权威网站:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
2.JS是浏览器的一种编程语言
JS书写位置
1.内部JS
直接写在html文件中,用script标签包住
规范:script标签写在上面(也就是写在body内)
拓展:alert(‘你好,js’)页面弹出警告对话框

2.外部JS(写在外部)
写在以.js结尾的文件中
语法:通过scriot标签,引入到html页面中


外部js标签中间不要写代码,否则会被忽略
3.内联JS
写在标签内部

注释
1.单行注释
符号://(右边代码会被忽略)
快捷键:ctrl+/
2.块注释(多行注释)
符号:/**/
快捷键:shift+alt+a

结束符
可加分号,也可不加分号

输入输出语法
输出语法
1.document.write(‘要输出的内容’)

2.alert(‘要输出的内容’)
页面弹出警告对话框
3.console.log(‘控制台打印输出’)
不会出现在elements中

输入语法
prompt(‘请输入你的姓名:’)

代码执行顺序
1.从上往下依次运行
2.alert()和prompt()会跳过页面渲染先被执行
字面量
1.[ ]数组字面量
{ }对象字面量
变量(容器)
作用:用来存放数据的(不是数据)
基本使用
1.声明变量
语法:let 变量名
2.变量
第一种:
声明一个年龄变量
let age
赋值=赋值
age = 18
输入age 变量
alert(age)

第二种:
声明的同时直接赋值 变量的初始化
let age = 18

输出
console.log()【注:括号内不加引号】
3.更新变量:
正确写法:

错误写法:
4.声明多变量
第一种写法:
let age = 18,uname = ‘pink’(相当于并集选择器)
第二种写法:【提倡声明的方式】
let age = 18
let uname = ‘pink’
console.log(age,uname)
5.本质:

6.命名规则:
7.输入姓名案例:

8.变量拓展-let和var的区别

数组(Array)
1.一种将一组数据存储在单个变量名下的方式

2.使用方法:


ex:
3.术语
元素:数组中保存的每个数据都叫数组元素
下标:数组中数据的编号
长度:数组中数据的个数,通过数组的length属性获得

常量
1.使用场景:当某个变量永远不会改变的时候,就可以使用const来声明,而不是let
2.使用:

3.注意点
常量不允许更改值
常量声明的时候必须赋值
数据类型
基本数据类型:
1.number数字型(整数,小数,正数,负数)
2.string字符串型
(通过单引号,双引号或反引号包裹的数据都叫字符串)【通常用单引号】


字符串拼接(用“+”)

模板字符串(${ })


3.boolean布尔型
(true【真】false【假】)
4.undefined未定义型
(声明一个变量未赋值就是undefined)

5.null空类型

使用场景:

null和undefined计算有区别

引用数据类型:
object对象
3.算术运算符
求和:+
求差:-
求积:*
求商:/
取模(取余数):%


4.注意

检测数据类型
typef()

类型转换
1.隐式转换
规则:
+号两边只要一个是字符串,都会把另外一个转成字符串
除了+以外的算术运算符 比如- * /等都会把数据转成数字类型

2.显示转换
Number(数据)
转成数字类型


parselnt(数据)
只保留整数

parseFloat(数据)
可以保留小数

例:

正确:

运算符

赋值运算符


一元运算符
1.自增:
符号:++
作用:让变量的值加一
2.自减
符号:–
作用:让变量的值减一
3.前置自增

4.后置自增


比较运算符

对比

比较运算符有隐式转换
NaN不等于任何人,包括自己
逻辑运算符

错误:5<num<10
正确:num.5&&num<10
运算符优先级

语句

分支语句
1.if分支(单分支、双分支、多分支)
单分支

【除了0,所有的数字都为真】
【除了空字符串,所有的字符串都为真】

双分支

多分支

RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进