【JS、一】js 基础

javaScript是什么?

  • 一种运行在客户端的脚本语言(scrip是脚本的意思)
浏览器执行js简介

浏览器分两部分:

  • 渲染引擎:用来解析html和css,俗称内核
  • js引擎:也称为js解释器,用来读取网页中的js代码,对其处理后运行,比武v8
    • 会把js语言(高级语言)转换为机器语言(0和1)

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

js的组成:

  1. ECMA JS语法
  2. DOM 页面文档对象模型
  3. 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;
  1. 变量只声明不赋值使用:undefned
  2. 变量不声明不赋值,直接使用:报错
  3. 变量不声明直接赋值:可以使用

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6P8BvOc6-1680196526524)(C:\Users\86185\AppData\Roaming\Typora\typora-user-images\image-20211121013036097.png)]

小结:
  • 为什么需要变量?
    • 因为我们一些数据需要存放,所以需要变量
  • 变量是什么?
    • 变量就是一个容器,用来存放数据的,方便我们以后使用里面的数据
  • 变量的本质是什么?
    • 变量是内存里的一块空间,用来存储数据
  • 变量怎么使用的?
    • 我们使用变量的时候,一定要声明变量,然后赋值
    • 声明变量本质是去内存申请空间
  • 什么是变量的初始化
    • 声明变量并赋值我们称为变量的初始化
  • 变量命名规范?
    • 变量名尽量要规范,见名知意—驼峰命名法
数据类型:

  • 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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值