菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: JavaScript-袁瑞-20221128 [打印本页]

作者: Yrrrrrrrrrr 时间: 2022-11-28 19:44
标题: JavaScript-袁瑞-20221128

JS基础概念

JavaScript是什么

概念： JS是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思）

S发明者：布兰登艾奇，这哥们只用了10天时间就完成JS的设计，最初的LIveScript，后来和sun进行合作了，将名字改为了JavaScript

JS的作用

网页特效-服务端开发（Node.js）

游戏开发（cocos2d.js）

表单动态的校验（密码强度进行检测）（JS最初产生的目的）

HTML css js的关系

脚本语言：不需要编译的，运行过程中由JS解释器（JS引擎）逐行来进行解释并执行的。

html决定网页结构和内容

css决定网页呈现给用户的样式

js 实现业务逻辑和页面控制

浏览器的执行JS简介

渲染引擎：用来解析HTML和CSS ,俗称内核，比如Chorme浏览器的Blink

JS引擎：也叫 JS 解释器，用来读取网页中的JS代码

js组成

ECMAScript：标准化的一门程序语言

DOM 文档对象模型：标准编程接口

BOM 浏览器对象模型：可以与浏览器窗口进行交互的对象结构

JS的三种书写方式

行内式、内嵌式、外部引入

JS注释的使用

单行注释 //

多行注释：/* 被注释的内容 */

JS输出语句

alert:弹出警示框，主要是显示给用户看的

console.log 浏览器的控制台打印输出内容。给程序员看的

prompt:浏览器弹出输入框，用户可以进行相关输入

js变量

什么是变量

变量的本质：就是程序员在内存中申请一块空间来存储数据

概念：就是一个装东西的盒子

变量的使用

变量的声明 var age; 声明一个名字为age的变量

变量的赋值 age =10 给变量之间赋值为10 .用 = 将右边的内容赋值给左边的变量空间

变量的初始化

声明变量的同时进行赋值操作

var number =18;

console.log (age)

更新变量：一个变量被重新赋值之后。他原来的值会被覆盖掉，以最后一次赋值为准

同时声明多个变量 var name = '朱一龙",number = '18';

变量声明的特殊情况

1、只声明不赋值会打印 undefind

2、不声明也不赋值会报错

3、不声明只赋值。可以直接使用，但是会转变为全局变量

变量的命名规范

1、由首字母、数字、下划线、美元符号等组成

2、严格区分大小写，var App 和 var app 是2个变量

3、不要使用关键字：var for while name 等

4、变量要有意义

js的数据类型分类

数据类型的分类：简单&复杂数据类型

Number 数字类型

整型 21 .浮点型 21.65 默认：0

数值进制的转换： 8进制转10进制，16进制转 10进制

数字型的范围：最大值.MAX_VALUE. 最小值： .MIN_VALUE

数值的3个特殊值：Infinity(无穷大）、-Infinity（无穷小）、’小白‘-100 结果为NAN(not a muber )

判断一个值是不是非数字类型 isNAN 返回结果为 true/false

string 字符串类型

比如：'张三' 就是字符串，字符串在js一般都是用单引号引起来的。

字符串可以是引号中的任意文本，语法为双引号或单引号引起来。

JS里面建议使用单引号将文本引起来作为字符串使用，避免和css或者html的双引号混淆

字符串引号的嵌套: 外双内单，或者外单内双不能混合使用

字符串的转义符转义符通常都是 \开头

\n 文字换行符

\\在字符中显示\

\t在字符中表示tab缩进

单双引号转义

计算字符串的长度：.length

字符串拼接使用“+”进行拼接拼接方式：字符串+任何类型 = 拼接后的新字符串

Boolean布尔值类型：值：true真等于1。false 假等于 0

undefind

未定义：声明而没有赋值。变量值： undefined

null :var a = null; 声明变量a的值为空值。

获取变量的数据类型

var num = 18;

console.log(type of num); 结果为18

数据类型的转换

概念：使用表单、prompt获取过来的数据默认是字符串类型，此时就不能进行简单的加法运算，而是需要将获取到的数据转换成另一种我们所需要的数据类型来进行使用。

三种方式的数据类型转换

转化为字符串类型

转化为数字类型

转化为布尔类型

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)