JavaScipt基础总结

最新推荐文章于 2022-11-07 10:42:15 发布

weixin_38902950

最新推荐文章于 2022-11-07 10:42:15 发布

阅读量204

点赞数

分类专栏： Web前端开发文章标签： JavaScript

本文链接：https://blog.csdn.net/weixin_38902950/article/details/85221282

版权

这篇博客全面总结了JavaScript的基础知识，包括概述、基本语法、数据类型、运算符、函数、分支结构、数组、DOM操作以及BOM。通过实际的综合案例——照片魔方，深入理解JavaScript在网页交互中的应用。

摘要由CSDN通过智能技术生成

1、概述与基本语法

1、Js组成
    1）.核心(ECMAScript)
    2）.文档对象模型(DOM,Documents Object Model) 让JS有能力与网页进行对话
    3）.浏览器对象模型(BOM)
是一种解释型脚本语言，不需要编译。

2.Js嵌入在html中执行的几种方法
    1)嵌入在标签中
        <div id = "" onclick = "Js代码">xxx</div>
    2)嵌入在<script>标记中
        <script>
            xxx
        </script>
    3)创建js脚本文件xxx.js，然后再head中引用
        <head>
            <script src = "myscipt.js"></script>
        </head>
       注意，一旦引用了外部js文件，这时候script标签内是不允许加入任何js代码的

2、数据类型和数据类型转换

1、数据类型
number:整型4字节或者浮点8字节
String:字符串类型，双引号，/n 换行，/r回车，/t 一个制表符
boolean:true/false,实际当1/0运算
null：声明对象未赋值
undefined：声明变量未赋值，访问对象不存在的属性

2、数据类型转换
typeof(num1): 获取变量的实际类型
NAN:不是一个数字，函数 isNAN(num1):判断是否为非数字，返回true/false
toString():num1.toString() 强制转换为String类型
parseInt():paseInt("35") 从左到右依次转换，遇到第一个非整字符则停止
parseFloat():用法同上 
Number(): 用法同上

3、运算符和表达式

1、运算符
== ： 只判断数值是否相等，不比较类型
=== ：全等，类型和数值都相等
isNaN():会抛开类型来判断是否为数字类型

4、函数

1.定义函数 function 函数名(参数列表){
    语句
}

function printInfo(userName,uerPassword){
    console.log('用户名'+userName+'密码:'+userPassword);
}

printInfo('TOM','123');

5、分支结构

1、if括号中的值为boolean类型，若不是，会进行自动转换
if(0/0.0/"“/null/undefined/NaN){}
除了这些转换为false之外，其他都是true

2、switch (表达式）{}

3、price = prompt("请输入商品单价");
   num = prompt("请输入商品数量");
弹出窗口: alert("xxx");