2021.7.21

目录

1.初识JavaScript

1.1JavaScript是什么

1.2JavaScript的作用

1.3HTML/CSS/JS的关系

1.4浏览器执行JS简介

1.5JS的组成

1.6JS初体验

JavaScript输入输出语句

 变量

变量的使用

数据类型

算数运算符


1.初识JavaScript

1.1JavaScript是什么

1.JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言(Script是脚本的意思)

2.脚本语言:不需要编译,运行过程中有js解释器(js引擎)逐行来进行解释并执行

3.现在也可以基于NOde.js技术进行服务器端的编程

1.2JavaScript的作用

1.表单动态检验(密码强度检验)(js产生最初的目的)

2.网页特效

3.服务端开发(Node.js)

4.桌面程序(Electron)

5.App(Cordova)

6.控制硬件-物联网(Ruff)

7.游戏开发(cocos2d-js)

1.3HTML/CSS/JS的关系

HTML/CSS标记语言--描述类语言

1.HTML决定网页结构和内容(决定看到什么),相当于人的身体

2.CSS决定网页呈现给用户的模样(决定好不好看)

相当于给人穿衣服,化妆

JS脚本语言--编程类语言

1.实现业务逻辑和页面控制(决定功能),相当于人的各种动作

1.4浏览器执行JS简介

浏览器分成两部分,渲染引擎和JS引擎

1.渲染引擎:用来解释HTML和CSS,俗称内核,比如chrome浏览器的blink,老版本的webkit

2.JS引擎:也称为JS解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如chrome浏览器的V8

浏览器本身并不会执行JS代码,而是通过内置JavaScript引擎(解释器)来执行JS代码,JS引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所有JavaScript语言归为脚本语言,会逐行解释执行。

1.5JS的组成

1.6JS初体验

行内式

外部式

内嵌式

注释快捷方式

JavaScript输入输出语句

 变量

变量就是一个装东西的盒子;

变量就是用于存放数据的容器,我们通过变量名获取数据,甚至数据可以修改。

变量的使用

1.声明变量

var age   声明一个age的变量

var 是一个JS关键字,用来声明变量,使用改关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管。

age是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间

2.赋值

=用来把右边的值赋给左边的变量空间中,此处代表赋值的意思

变量值是程序员保存刀变量空间的值

数据类型

数据类型的分类

JS把数据类型分为两类:

简单数据类型(Number,String,Boolean,Undefined,Null)

复杂数据类型(object) 

数字型Number

1.数字型进制

最常见的进制有二进制,八进制,十进制,十六进制 

isNaN()这个方法用来判断非数字,并且返回一个值 如果是数字返回的是false如果不是试自返回的是true

字符串型String

字符串型可以是引导中的任意文本,器语法为双引号“”和单引号‘’

因为HTML标签里面的属性是双引号,JS这里我们更推荐使用单引号

字符串转义符

 字符串长度

字符串是由若干字符组成的,这些字符的数量就是字符的长度,通过字符串的length属性可以获取整个字符串的长度.

字符串拼接

多个字符串之间可以使用+进行拼接,其拼接方式为字符串+任何类型=拼接之后的新字符串

拼接前会把与字符串相加的任何类型转成字符串,再拼接成一个新的字符串。

+号总结口诀:数值相加,字符相连

字符串拼接加强

1.我们经常会将字符串和变量来拼接,因为变量可以很方便地修改里面的值

2.变量是不难添加引导的,因为加引号的变量会变成字符串.

布尔型Boolean

布尔类型有两个值:true和false,其中true表示真1(对),而false表示假(错)

算数运算符

 递增和递减运算符概述

如果需要反复给数字变量添加或减去1,可以使用递增(++)和递减(--)运算符来完成

在JavaScript中,递增(++)和递减(--)既可以放在变量后面,放在变量前面是,我们可以成为前置递增(递减)运算符,放在变量后面时,我们可以称为后置递增(递减)运算符。

运算符优先级

for循环

 while循环

数组

数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素,数组时一种将一组数据存储在单个变量名下的优雅方式

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值