AI智能
改变未来

零基础学JS

JS基本语法

  • 一:初识编程
  • a.计算机的组成
  • b.数据存储单位
  • c.解释性语言与编程性语言的区别
  • 二:初识JS
    • a.JS是什么
    • b.JS的输入输出语句
    • f.转义字符
  • 三:JS变量
    • a.什么是变量
    • b.标识符
    • c.变量的使用
    • d.变量声明的特殊情况
  • 四:JS数据类型
    • a.变量的数据类型
    • b.基本数据类型
    • c.获取变量的数据类型
    • d.数据类型的转换
  • 五:JS运算符
    • a.算术运算符
    • b.自加自减运算符
    • c.逻辑运算符
    • d.赋值运算符
    • e.运算符优先级
  • 六:控制流程
    • a.顺序结构
    • b.分支结构
    • c.循环结构
  • 七:数组
    • a.创建数组的两种方式
    • b.数组的索引
    • c.数组中新添元素
    • d.冒泡排序
  • 八:函数
    • a:函数声明调用
    • b:函数参数
    • c:函数的返回值
    • d:Arguments
    • e:函数的相互调用
    • f:匿名函数
  • 九:作用域
  • 十:预解析
  • 十一:对象
    • a.什么是对象
    • b.为什么需要对象
    • c.创建对象的三种方式
    • d.遍历对象
  • 十二:内置对象
    • a.什么是内置对象
    • b.内置对象Math
    • c.内置对象Date
    • d.内置数组对象
    • e.字符串对象
  • 十三:简单数据类型与复杂数据类型
    • a.值类型/引用类型
    • b.堆和栈
    • c.简单数据类型传参
    • d.复杂数据类型传参

    一:初识编程

    a.计算机的组成

    b.数据存储单位

    bit < byte < kb < GB < TB<…

    单位 字节
    位 (bit) 1bit可以保存一个0或者1(最小的存储单位)
    字节(Byte) 1B=8b
    千字节(KB) 1KB=1024B
    兆字节(MB) 1MB=1024KB
    吉字节(GB) 1GB=1024MB
    太字节(TB) 1TB=1024GB

    c.解释性语言与编程性语言的区别

    编译性语言会把程序从头到尾编译好再执行,但是解释性语言会编译一句执行一句。

    二:初识JS

    a.JS是什么

    b.JS的输入输出语句

    方法 说明
    alert(msg) 浏览器弹出警示框
    console.log(msg) 浏览器控制台打印输出信息
    prompt(info) 浏览器弹出输入框,用户可以输入

    f.转义字符

    和其它语言一样 JS也有转义字符

    转义符 解释说明
    \\n 换行符,n 是newline
    \\\\ 斜杠 \\
    \\’ \’单引号
    \\\” \”双引号
    \\t tab 缩进
    \\b 空格 b是blank的意思

    三:JS变量

    a.什么是变量

    变量就是一个装东西的盒子
    变量就是用于存放数据的容器,我们通过变量名获取数据,甚至可以修改数据

    变量在内存中存储的本质:

    变量就是程序在内存中申请的一块用来存放数据的空间
    类似于酒店 一个房间就可以看作是一个变量

    b.标识符

    标识(shi)符:就是指开发人员为变量,属性,函数,参数取的名字。
    标识符可以任意 但是除了关键字或者保留字。当然要是能用驼峰命名法就再好不过了。

    c.变量的使用

    变量在使用时分为两步:1.声明变量 2.赋值

    1.声明变量:
    var age; //声明一个名称为age的变量
    var 是一个JS关键字,用来声明变量(varible 变量的意思)。 计算机会自动为变量分配内存空间
    age 是程序员定义的变量名 我们要通过变量名来访问内存中分配的空间
    2.变量的赋值
    age=18; //把值存入这个变量中

    d.变量声明的特殊情况

    四:JS数据类型

    a.变量的数据类型

    变量是用来存储值的所在处,他们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。
    JS是一种弱类型语言。这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。

    var x=6;x = \'Bill\';

    1.简单数据类型

    简单数据类型 说明
    Number 数字型,包括 整型值和浮点型值 如 12,0.12
    Boolean 布尔值类型 如true,false 等价于1和0
    String 字符串类型 如\”张三\” ,注意JS里面的字符串都带引号
    Underfined var a; 声明了但是未赋值 此时a=underfined
    Null var a=null; 声明了变量a 为空值

    2.复杂数据类型

    复杂数据类型 说明
    对象 对象是由属性和方法组成的 属性:对象的特征 方法:对象的行为

    b.基本数据类型

    1. Number
    2. Boolean
    3. String
    4. Underfined
    5. Null

    c.获取变量的数据类型

    d.数据类型的转换

    1. 转换为字符串型
    方式 说明 案例
    toString() 转成字符串 var num=1;alert(num.toString());
    String() 转成字符串 var num=1;alert(String(num));
    加号拼接字符串 和字符串拼接的结果都是字符串 var num=1;alert(num+“我是字符串”);
    1. 转换为数字型
    方式 说明 案例
    parseInt(string)函数 将String类型转换成为整数值 parseInt(‘78’)
    parseFloat(string)函数 将String类型转换成为浮点数值 parseInt(‘78.32’)
    Number()强制转换函数 将String类型转换成为数值型 Number(‘12’)
    js隐式转换(- * /) 利用算数运算隐式转换为数值型 ’12‘-0
    1. 转换为布尔型
    方式 说明 案例
    Boolean()函数 其他类型转化为布尔值 Boolean(‘true’);

    代表空,否定的值会被转换成false 如 ‘’,0,NaN,null,underfined
    其余的值都会被转换为true

    五:JS运算符

    a.算术运算符

    b.自加自减运算符

    c.逻辑运算符

    逻辑短路

    d.赋值运算符

    e.运算符优先级

    六:控制流程

    a.顺序结构

    b.分支结构

    1. if
    2. if else
    3. if else if
    4. 三元表达式
    5. Switch
    6. Switch与if else if的区别

    c.循环结构

    1. for循环
    2. 双重for循环
    3. whlie循环
    4. Do while

    七:数组

    a.创建数组的两种方式

    b.数组的索引

    c.数组中新添元素

    d.冒泡排序

    八:函数

    a:函数声明调用

    b:函数参数

    c:函数的返回值

    d:Arguments

    e:函数的相互调用

    f:匿名函数

    九:作用域

    十:预解析

    十一:对象

    a.什么是对象

    b.为什么需要对象

    c.创建对象的三种方式

    1. 利用字面量创建对象
    2. 利用new object()创建对象
    3. 构造函数创建对象
    4. new关键字执行过程
    5. 构造函数与对象

    d.遍历对象

    十二:内置对象

    a.什么是内置对象

    b.内置对象Math

    1. Math
    2. 随机数

    c.内置对象Date

    1. 格式化日期
    2. 获取1970到现在的毫秒数
    3. 倒计时效果

    d.内置数组对象

    1. 检测是否为数组
    2. 添加删除数组元素的方法
    3. 数组排序
    4. 数组索引方法
    5. 数组去重
    6. 数组转字符串

    e.字符串对象

    1. 基本包装类型
    2. 字符串的不可变性
    3. 根据字符返回位置
    4. 统计字符串中同一个字符出现的次数
    5. 根据位置返回字符
    6. 判断一个对象是否有某属性
    7. 返回字符位置
    8. 字符串操作方法
    9. 替代字符串以及字符转换成数组

    十三:简单数据类型与复杂数据类型

    a.值类型/引用类型

    b.堆和栈

    c.简单数据类型传参

    d.复杂数据类型传参

    赞(0) 打赏
    未经允许不得转载:爱站程序员基地 » 零基础学JS