超详细快速入门JavaScript详解(一)

最新推荐文章于 2022-05-30 14:42:33 发布

煌sir

最新推荐文章于 2022-05-30 14:42:33 发布

阅读量8.6k

点赞数 20

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_43705131/article/details/107011876

版权

JavaScript 专栏收录该内容

5 篇文章 9 订阅

订阅专栏

一. JS概述&入门

我们为什么要学习JS?：为了做页面的各种特效

HTML：肉体

CSS：穿衣服/化妆

JS：大脑、灵魂

脚本语言：（快）

1、无法独立执行。必须嵌入到其他语言（HTML）中，结合使用。

2、无需编译，直接被浏览器解析执行。

Java编程语言：（安全、维护性高、执行效率）

1、独立写程序，独立运行。编译---执行

2、先编译后执行

举例:

<!--
    从1累加，累加到50，进行控制台展示。
    int sum = 0;
    for(int i=1;i<=50;i++){
        sum+=i;
    }
    System.out.println(sum);
-->
<script>
    /*
    * js注释： 和Java注释一样。有单行注释和多行注释
    * */
    var sum = 0;
    for(var i=1;i<=50;i++){
        sum+=i;
    }
    alert(sum);
</script>

小结：
JavaScript的执行过程由上到下依次执行（代码出错会强行停止）

JavaScript没有访问系统文件的权限（安全）
JavaScript允许出现一定数量的链式编程

二.JS组成

ECMAScript (核心)：规定了JS的语法和基本对象。

（if,for,while…..）

DOM 文档对象模型：处理网页内容的方法和接口

标记型文档。HTML

（页面特效）

BOM 浏览器对象模型：与浏览器交互的方法和接口

（浏览器操作（浏览器打开、关闭、地址栏、浏览器桌面上的位置））

三. JS引入方式

向HTML中引入JS代码：

内部脚本：（写在HTML页面上）

格式：

<script>

JavaScript的代码

</script>

理论上可以放在页面任何位置

建议：

放在<head>标签中

外部脚本：

格式：

<script type=”text/javascript” src=”javascript文件路径” ></script>

（.js）

注意：

引入外部JS的<script>标签，内容体中不能出现任何代码。

四. JS-注释

等同于Java注释
单行注释

多行注释

/* */

五.JS-变量

<script>
    //仅定义变量，系统赋予默认值：undefined   未赋值
    //等同于  var a1 = undefined;
    var a1;
    alert(a1);

    //定义变量并赋值
    var a2 = 10;
    alert(a2);
</script>

JavaScript严格区分大小写。

var aa 和 var AA 不是同一个变量

1.基本数据类型

类似于java中的基本数据类型。

举例:

<script>
    /*
    *   Java中的基本数据类型：
    *       byte short int long float double char boolean
    *   JS中的基本数据类型：
    *       string  ： 字符串（JS中弱化单字符）
    *       number  ： 整数、小数、
    *                   NaN （Not A Number）  不是一个数字
例如：把”ab”转为数字 强转  NaN
    *       boolean ： true    false
    *       null    ： 空
    *       undefined  ： JS默认值
    * */
    var str = "xx";

    var num1 = 10;
    var num2 = 10.55;
    var num3 = NaN;// num3的值不是一个数字

    var f = true;

    var obj = null;

    var aa;//undefined
    var bb = undefined;
</script>

通过typeof运算符可以分辨变量值属于哪种基本数据类型

ECMAScript实现之初的一个bug，null属于基本数据类型，typeof(null)--àobject

举例:

<script>
    //JS中，变量就是一个盘子，任何数据类型的值都能保存
    //需要判断，现在变量里是什么类型的值。  typeof(变量)
    var str = "xxx";
    alert(str+"-----------"+typeof(str));

    str = 10;
    alert(str+"-----------"+typeof(str));

    str = true;
    alert(str+"-----------"+typeof(str));

    str = undefined;
    alert(str+"-----------"+typeof(str));

    str = null;
    alert(str+"-----------"+typeof(str));
</script>

2.引用数据类型

Java 中的引用数据类型都是Class（类）

JavaScript中的引用数据类型都是对象。

标准创建方式：

var str = new String();//和java相同

var str = new String; //js独有的方式

引用数据类型默认值：null

看完恭喜你,又知道了一点点!!!

你知道的越多,不知道的越多!

~感谢志同道合的你阅读, 你的支持是我学习的最大动力 ! 加油 ,陌生人一起努力,共勉!!

煌sir

关注

20
点赞
踩
86

收藏

觉得还不错? 一键收藏
2
评论
超详细快速入门JavaScript详解(一)

一.JS概述&入门我们为什么要学习JS?：为了做页面的各种特效HTML：肉体CSS：穿衣服/化妆JS：大脑、灵魂脚本语言：（快）1、无法独立执行。必须嵌入到其他语言（HTML）中，结合使用。2、无需编译，直接被浏览器解析执行。Java编程语言：（安全、维护性高、执行效率）1、独立写程序，独立运行。编译---执行2、先编译后执行举例:<!-- 从1累加，累加到50，进行控制台展示。 int sum...
复制链接

扫一扫

专栏目录