文章目录
javaScript是什么?
- 一种运行在客户端的脚本语言(scrip是脚本的意思)
浏览器执行js简介
浏览器分两部分:
- 渲染引擎:用来解析html和css,俗称内核
- js引擎:也称为js解释器,用来读取网页中的js代码,对其处理后运行,比武v8
- 会把js语言(高级语言)转换为机器语言(0和1)
浏览器本身并不会执行js代码,而是通过内置js引擎(解释器)来执行js代码,js引擎执行代码时每行解释每一句远吗(转换为机器语言),然后由计算机去执行,所以js语言归为脚本语言,会每行解释执行
js的组成:
- ECMA JS语法
- DOM 页面文档对象模型
- BOM 浏览器对象模型
js中输出语句:
-
输入框
-
弹出警示框
-
浏览器控制台打印输出信息
<script type="text/javascript"> //输入框 prompt("6666") //弹出警示框 alert("666") //浏览器控制台打印输出信息 console.log("666") </script>
变量:
什么是变量:
- 变量就是用于存放数据的容器,我们通过变量名获取数据,甚至数据可以修改
变量在内存中存储:
- 变量是程序在内存中申请的一块用来存放数据的空间
变量的使用:
- 声明变量
- 赋值
//声明变量
var age //声明一个名称为age的变量
//赋值
age =10; //给age这个变量赋值为10
变量的初始化:
- 声明一个变量并赋值,我们称之为变量的初始化
var age = 18; //声明变量同时赋值为18
更新变量:
- 一个变量被重新赋值后,他原有的值就会被覆盖,变量值将以最后一次赋的值为准
var age = 18;
age = 81; //最后的结果就是81被覆盖了
声明多个变量:
- 同时声明多个变量时,只需要写一个var,多个变量名之间用英文逗号隔开
var age = 10,
name = 'zs',
sex = 2;
- 变量只声明不赋值使用:undefned
- 变量不声明不赋值,直接使用:报错
- 变量不声明直接赋值:可以使用
小结:
- 为什么需要变量?
- 因为我们一些数据需要存放,所以需要变量
- 变量是什么?
- 变量就是一个容器,用来存放数据的,方便我们以后使用里面的数据
- 变量的本质是什么?
- 变量是内存里的一块空间,用来存储数据
- 变量怎么使用的?
- 我们使用变量的时候,一定要声明变量,然后赋值
- 声明变量本质是去内存申请空间
- 什么是变量的初始化
- 声明变量并赋值我们称为变量的初始化
- 变量命名规范?
- 变量名尽量要规范,见名知意—驼峰命名法
数据类型:
- js是一种动态语言,这意味着不用提前声明变量类型,在程序运行过程中,类型会被自动确定
js中的变量数据类型自由程序在运行过程中,根据等号右边的值来确定的
为什么需要数据类型:
-
在计算机中,不用的数据所需占用的存储空间是不同的,为了便于把数据分层所需内存大小不同数据,充分利用存储空间,于是定义了不同的数据类型
-
数据类型就是数据的类别型号
数据类型的分类:
js把数据类型分为两类:
- 简单数据类型
- 数字型:
- 整数小数都是数字型
- 八进制以0开头,如010,就是10进制的8
- 0x开头就是16进制
- 最大值:Number.MAX_VALUE
- 最小值:Number.MIN_VALUE
- 无穷大:Number.MAX_VALUE*2,=Infinity
- 字符串型
- 带“ ”括起来的都是字符串型的,单引号双引号都可以
- 外单内双:var name=‘我是”高“夫出爱’;
- 换行:\n :var name=‘我是\n夫出爱’;
- 空格:\b
- 布尔类型
- true 1
- false 0
- ’ ’ 0 NaN null undefined
- null 0
- NaN 不是数字
- undefined 未定义
- 数字型:
- 复杂数据类型
isNaN():
判断一个变量是否为非数字的方法:isNaN(),返回值是true,fales
length:
字符串长度: 变量名.length;
字符串拼接:
- 多个字符串之间可以使用+进行拼接,其拼接方式为 字符串+任何类型=拼接后的新字符串
- 拼接前会把与字符串相加的任何类型转成字符串,在拼接成一个新的字符串
- 数值相加,字符相连(有一个字符就必须相连)
获取检测变量的数据类型:
- typeof 可以用来获取检测变量的数据类型
数字型转换成字符串型:
var num = 10;
//1.变量.toString
var str = num.toString();
//2.利用String()
console.log(String(num))
//3.利用+拼接字符串的方法实现转换效果,隐式转换
console.log(num+'')
转换成数字型(重点):
var num = '18';
//1.parseInt(变量) 可以把字符型转换成数字型,得的是整数
alert(parseInt(num));
//2.parseFlost(变量) 可以把字符型转换成数字型,得到的是小数
alert(parseFloat(num))
//3.利用Number(变量)
alert(Number(num))
//4.利用了算数运算 - * / 隐式转换
console.log( num-0)
解释型语言和编译型语言:
- java就是编译型语言,把所有代码编译成.class文件在去执行
- js就是解释型语言,一行一行的边解释边执行
算数运算符:
运算符号:
表达式:
- 由数字,运算符,变量等以能求得数值的有意义排列方法所得的组合
- 由数字,运算符,变量等组成的式子
递增和递减运算符概述
- 递增++ 递减–
- 递增和递减运算符必须和变量配合使用
- 前置递增:先自加一 后返回值
- 后置递增:先返回值 后自加一
逻辑运算:
- 逻辑与:&&
- 表达式1 为真,则返回表达式2
- 表达式1 为假,则返回表达式1
- 逻辑或:||
- 表达式1 为真,则返回表达式1
- 表达式1 为假,则返回表达式2
num+=2 = num=num+2