目录
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循环
数组
数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素,数组时一种将一组数据存储在单个变量名下的优雅方式