JS基础

最新推荐文章于 2024-06-24 14:30:19 发布

原创最新推荐文章于 2024-06-24 14:30:19 发布 · 164 阅读

CC 4.0 BY-SA版权

JavaScript

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
三大组成部分：
1、ECMAScript：JavaScript的核心，描述了语言的基本语法(var、for、if、array等)和数据类型(数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义)，ECMAScript是一套标准，定义了一种语言（比如JS）是什么样子。
2、文档对象模型（DOM）：DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API）。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。
3、浏览器对象模型（BOM）对浏览器窗口进行访问和操作。例如弹出新的浏览器窗口，移动、改变和关闭浏览器窗口，提供详细的网络浏览器信息（navigator object），详细的页面信息（location object），详细的用户屏幕分辨率的信息（screen object），对cookies的支持等等。

变量

js中变量的类型是泛型的，意思就是不指定具体数据类型。通过关键字var来定义变量.
规则：
1：区分大小写
2：数字+字母+下划线数字不能开头
3：不能使用关键字和保留字
4：命名使用小驼峰，函数使用大驼峰
小驼峰：第一个单词的首字母小写，后面的单词的首字母全部大写，例如：fontSize、backgroundColor。
大驼峰：每一个单词的首字母都大写，例如：AnamialZoo，JavaScript中构造函数用的是大驼峰式写法。

数据类型

js中分两类：基本数据类型和引用数据类型
基本数据类型：
1：数值类型（整数+浮点型）Number
2：布尔类型（逻辑类型）Boolean
3：字符串（String）
4：Undefiend（只定义未赋值）
5：Null（空对象指针）
引用类型：
对象、数组、函数
判断基本数据类型的方法：

var num=23.23
console.log(typeof(num))//number

三大结构

顺序结构
输入语句输出语句赋值
选择结构
if switch

if 全面 
if(判断条件){  
# ( 条件---》任意表达式)  true  执行{}里代码  false  不执行{}里代码
   满足条件执行的判断语句 
   }
# 单分支：
if(今天下雨){
    我就拿伞;
}
#if else 双分支
if(今天下雨){
    我就拿伞;
   }else {
    我就不拿伞
}
# 多分支 if-elseif-else
var n = parseInt(prompt("请输入你的钱"))
    if(n<100){
        console.log("放学回家")
    }else if(n<200){
        console.log("放学买辣条去")
    }else {
        console.log("北京买房去")
    }

switch 清晰  处理流程清晰的选择
    switch(条件){  # 条件最终结果只能整型或字符串  === 全等 
       case 表达式1：
               代码;
               break;
       case 表达式2：
               代码;
               break;
       case 表达式3：
               代码;
               break;
       default: ===>else 处理所有剩余情况
               代码;
    }
   # case 和default可以任意位置  并且default可有可无  
   }

循环结构

for while do-while
三要素: 1:初始值
     		 2：循环控制条件
     		 3：步长增量
#  for
for(赋初值;控制条件;步长){
    循环体;
}
var sum = 0;
for(var i = 0(表达式1);i<=100（表达2）;i++（表达式3）){
    sum += i;（表达4）
    
}
执行顺序 # 1--》2--》4---》3--》2---》4---》3---》2.....直到表达式2为false则跳出循环
#2 
   var i =0,sum=0;
   while(i<=100){
       sum+=i;
       i++;
   }
# 区别 for 和 while 
for用在哪 循环次数明确的情况（顺序查找）
while可以用在循环次数不明确的情况（二分查找 顺序查找）
# do--while
赋初值
do{
    
    循环代码;
    增量;
    
}while(控制条件);

while()循环先判断后执行
do-while()先执行后判断
var num = prompt('输入yes/no')
while(num==='no'){
      游戏的代码
      }
      
do {
       游戏的代码
    
}while(您要继续还是退出?yes/no);

while与do-while的区别在于，while是先判断条件后执行代码体，而do-while先执行代码体再判断，这就意味着while可能一次都不执行，但是do-while最少执行一次。