zoukankan      html  css  js  c++  java
  • js语法基础入门(1)

    1.基础入门

    1.1.hello world

    1.1.1.JavaScript是什么?

    JavaScript是一门跨平台、面向对象的轻量级脚本语言,在web开发中被广泛应用

    1.1.2.JavaScript和Java的关系

    JavaScript 和 Java 有一些共性但是在另一些方面有着根本性区别。JavaScript语言类似 Java 但是并没有 Java 的静态类型和强类型检查特性。JavaScript 遵循了 Java 的表达式语法,命名规范以及基础流程控制,这也是 JavaScript 从 LiveScript 更名的原因

    通俗的说,就是JavaScript和Java虽然名字相似,但是它们是两门不同的语言,有很大的区别,不要搞混淆了

    1.1.3.为什么要学习JavaScript?它的应用场景在哪?

    JavaScript使用广泛,可以说是一统浏览器江湖了,而且随着前端工程化的发展,地位在开发中有所提升,很多复杂的逻辑都需要交给前端来完成,现在的前端工程师已经不再是只会切图做页面那么简单了,JavaScript是必备技能。

    如果是想从事后端开发,也必须会JavaScript,页面数据交互必定会遇到JavaScript代码,如果不会,将会成为工作瓶颈。随着最近几年nodejs的兴起,JavaScript也具有染指后端的能力,学好JavaScript前途无量。

    应用场景:页面动画、用户交互、ajax前后端交互等

    1.1.4.第一个JavaScript程序

    <script type="text/javascript">
        alert("hello world");
    </script>
    

    以上代码运行过后,会在浏览器窗口弹出一句话,hello world,上面的代码可以写在html文件的任何位置。

    1.1.5 JavaScript 写在哪里

    JavaScript 可以写在script标签内部,这种方式又叫做内嵌方式,和css的内嵌样式比较类似。

    <script type="text/javascript">
        alert('这是Javascript程序');
    </script>
    

    JavaScript可以写在外部文件中,这种方式又叫做外联方式,这个方式也和css中的外联样式很像。如果要用外联的方式写JavaScript代码必须经过两步才能完成 第一步:新建一个外部JavaScript文件,以.js结尾。这里以新建hello.js 为例;并在hello.js中输入以下代码

       alert("这里是外部引入JavaScript程序");
    

    第二步:假设当前修改的页面为index.html页面,需要在index.html页面中引入外部新建的hello.js文件

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>外部引入js文件实例</title>
            <script src="hello.js" type="text/javascript" charset="utf-8"></script>
        </head>
        <body>
        </body>
    </html>
    

    总结:既然两种方式都可以运行JavaScript,那么我们到底使用那种方式呢?内嵌方式写的代码是和html代码混淆在一起的,当代码量很少或者是调试JavaScript程序的时候,使用内嵌方式会比较方便。当代码量很多,项目复杂的时候,js开发往往采用模块化开发的方式,多人协作开发,也就是某个人具体开发某个功能,这个时候就要用外联方式来写了,开发完成过后还要合并代码,压缩代码,用以优化提升性能,这个时候用内嵌的方式就不行了

    1.1.6.Javascript的输出(死记住)

    编程就是编写命令让计算机运行并得到想要的结果的一个过程,有些时候,需要在页面上输出程序的运行结果,用于调试程序,查找错误,下面来学几个输出结果的方法:

    在网页中输出,显示在浏览器的body里面

    //输出纯文本
    document.write("hello world");
    //输出html代码,这里的输出相当于把里面h1元素发给浏览器,浏览器会把h1元素解析生成具体的样式
    document.write("<h1>hello world</h1>")
    

    弹出框输出

    //这里输出会在页面运行的时候,弹出一个对话框,里面输出hello world
    alert("hello world");
    

    浏览器控制台输出 这里以google为例 打开控制台的方法:在运行的页面上右键->检查->点击下面的Console

       //使用console.log()命令,输出的内容都在控制台显示
       console.log("hello world");
    

    1.1.7.输入内容

    var num = prompt('请输入数字:')
    alert(num)
    

    1.2.基础概念

    1.2.1.关键字

    关键字就是JavaScript语言自身需要使用的一些单词,这些单词具有特殊的意义以及用法,因此,在程序中定义某个名称表示某种东西的时候就不能使用关键字了,会和这些关键字本身具有的意义用法起冲突,常用的关键字有 default、this、while、for、in、break、do、new、switch、var、function、case、null、undefined等等,后续会一一学到。

    1.2.2.注释

    注释就是对程序代码对一种注解,方便别人或者自己能够清晰的阅读代码,这里介绍两种注释:单行注释、多行注释

        //这里是单行注释,单行注释,只能写在一行里面
    
        /*
        *这里是多行注释
        *多行注释可以写在多行
        *多行注释以“/*” 开头
        *多行注释以“*/"结尾
        */
    

    1.2.3.JavaScript区分大小写

    JavaScript 是一门区分大小写到语言。因此,就需要在编程中保持名称到一致,比如,在JavaScript中,如果this 被写成了This,因为是区分大小写到语言,this和This并不相等,在该用this到地方,用成lThis,程序就会出错

    1.2.4.可选的分号码

    在汉语中,当一句话完成了以后,用句号表示结束,在JavaScrip中也是一样一条语句结束需要有结束符号,JavaScript中用分号“;”来表示一条语句多结束。但是这个分号是可以写也可以不写的,通常会在团队开发规范中说明,有些语言是强制要求加分号的,例如:php,不写会报错

    1.2.5 练习

    用自己的话说什么是关键字、注释以及注释的作用? 手写下面内容10遍: JavaScript区分大小写 javaScript分号可写可不写,建议写上

    1.3.变量

    1.3.1.变量是什么

    变量从字面上理解的话,可以看出具有可变、变化的特征,量在这里可以看作是数据的意思,所以变量又可以理解为可变的数据。变量在计算机中就是一块用来存储数据的临时空间,也可以看成是一个存储数据的临时容器。变量存在内存之中,如果把内存划分成n多个小格子多话,变量就是其中对应多某个小格子。

    1.3.2.如何使用变量?

    要使用变量,需要先定义,我们这里叫做变量的声明,需要使用到 var 这个关键字

    var a = 10
    

    变量声明后就可以直接使用了

    alert(a)
    

    1.3.3. 练习

    输入2个数,求出2个数的差并且弹窗显示 输入3个数,求3个数的积并且输出到网页中 输入4个数,求出它们的商并且输出到控制台

    螺钉课堂视频课程地址:http://edu.nodeing.com

  • 相关阅读:
    Docker容器启动时初始化Mysql数据库
    使用Buildpacks高效构建Docker镜像
    Mybatis 强大的结果集映射器resultMap
    Java 集合排序策略接口 Comparator
    Spring MVC 函数式编程进阶
    换一种方式编写 Spring MVC 接口
    【asp.net core 系列】6 实战之 一个项目的完整结构
    【asp.net core 系列】5 布局页和静态资源
    【asp.net core 系列】4. 更高更强的路由
    【Java Spring Cloud 实战之路】- 使用Nacos和网关中心的创建
  • 原文地址:https://www.cnblogs.com/dadifeihong/p/12027370.html
Copyright © 2011-2022 走看看