暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

JS从入门到如土

小辉的解忧杂货铺 2022-03-28
237

JavaScript从入门到如土



                                      第一章——什么是JS





JavaScript 简介:
01
JS能干嘛


JavaScript是互联网上最流行的脚本语言。 它被用于HTML和Web,并广泛应用于服务器、个人电脑、笔记本电脑、平板电脑和智能手机。  

02
JS是脚本语言


特点:

是一种轻量级语言,

是可插入 HTML 页面的编程代码

插入 HTML 页面后,可由所有的现代浏览器执行。

简单,易学






JS的小故事


01
JS的起源


 "1994年,网景公司(Netscape)发布了Navigator浏览器0.9版。这是历史上第一个比较成熟的网络浏览器,轰动一时。但是,这个版本的浏览器只能用来浏览,不具备与访问者互动的能力。......网景公司急需一种网页脚本语言,使得浏览器可以与网页互动。"



网页脚本语言到底是什么语言?网景公司当时有两个选择:一个是采用现有的语言,比如Perl、Python、Tcl、Scheme等等,允许它们直接嵌入网页;另一个是发明一种全新的语言。

这两个选择各有利弊。第一个选择,有利于充分利用现有代码和程序员资源,推广起来比较容易;第二个选择,有利于开发出完全适用的语言,实现起来比较容易。

到底采用哪一个选择,网景公司内部争执不下,管理层一时难以下定决心。

就在这时,发生了另外一件大事:1995年Sun公司将Oak语言改名为Java,正式向市场推出。

Sun公司大肆宣传,许诺这种语言可以"一次编写,到处运行"(Write Once, Run Anywhere),它看上去很可能成为未来的主宰













总而言之,JavaScript刚出来时java十分爆火,而制作者为了蹭热度就将这门语言取为JavaScript



JavaScript发展历史






JavaScript的组成



ECMAScript是一个标准,而这个标准需要由各个厂商去实现,不同的浏览器厂商对该标准会有不同的实现。



我们已经知道ECMAScript是JavaScript标准,所以一般情况下这两个词我们认为是一个意思。但是实际上JavaScript的含义却要更大一些。一个完整的JavaScript实现应该由以下三个部分构成:
ECMAScirpt
DOM
BOM


JavaScript的特点
01
解释型语言


JavaScript是一门解释型语言,“解释型语言:程序不需要编译,程序在运行时才翻译成机器语言,每执 行一次都要翻译一次。因此效率比较低。”






02

动态语言


JavaScript是一门动态语言,

因为没有从编译代码到执行代码的中间过程,用动态语言编写应用程序可以快速看到输出。代价是,动态语言不提供静态语言提供的类型安全特性,不得不经常用大量的测试套件来避免在运行的时候出现类型错误这类 bug。


03

语法结构类似


所有编程语言的语法结构都非常像,学会了一门编程语言其他编程语言也会变得简单易学

04
面向对象编程


JavaScript是通过面向对象的方式编程的,连编程语言都有对象,就你没对象,改天我给你New一个

05
区分大小写


JavaScript是严格区分大小写的,也就是abc和Abc会被解析器认为是两个不同的东西。



JavaScript的使用



01

标签引用



HTML中在script标签中就可以编写JavaScript代码

<script>    alert("Hello,World!");</script>


02

文件引用



在一个单独的js文件中也可以编写JavaScript代码,然后在HTML文件中使用script标签进行引用

main.html


<script src="main.js"><script>

main.js


alert("Hello,World!");





JavaScript的输出

01

页面输出



如何使用JavaScript向页面输出一句话,请参考以下代码。


<script>

    document.write("Hello,World!");

</script>

02控制台输出


如何使用JavaScript向控制台输出一句话,请参考以下代码:

<script>

    console.log("输出一条日志");//最常用

    console.info("输出一条信息");

    console.warn("输出一条警告");

    console.error("输出一条错误");

</script>




03

弹出窗口输出



如何使用JavaScript向弹出窗口输出一句话,请参考以下代码:

<script>

    alert("Hello,World!");

</script>




JavaScript的注释

注释中的内容不会被解析器解析执行,但是会在源码中显示,我们一般会使用注释对程序中的内容进行解释。

JS中的注释和Java的的一致,分为两种:

  • 单行注释:// 注释内容

  • 多行注释:/* 注释内容 */


01

单行注释



<script>

    这是注释内容

    console.log("Hello,World!");

</script>

02

多行注释



<script>

    /**

     * 这是注释内容

     */

    console.log("Hello,World!");

</script>

END


文章转载自小辉的解忧杂货铺,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论