web前端——javascript

作者: 袋袋_Deken | 来源:发表于2017-03-19 23:05 被阅读0次

    怀着一个激动人心的心情开始学习javascript,听说和gradle脚本语言很相像,相信一定会很有趣。
    下面就开始我的学习之旅。

    还是秉承“七何分析法”中的what,why,how。如果你想在技术思想上有更加深入的了解,就请关注stay的系列课程 ,有心课堂传递的不只是技术,在此感恩stay以及有心课堂的其他伙伴们。

    what

    W3School的解释

    百度百科
    JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

    why

    每一种事物由无到有必定有其原因,特别是在技术上,基本一个伟大事物的产生都是基于为了解决某个阶段的痛楚,随着痛楚的解决,伟大的事物变应用而生来了。

    而Javascript,是一种基于Java的程序设计概念的产物,它辅助网页实现各种功能,让网页更活灵活现。它可以做到与用户信息的动态交互,不允许用户直接访问本地硬盘,只要可以解释Js的浏览器都可以执行,已达到跨平台的效果。

    how

    组成

    EcMAScript + BOM + DOM 即:语法+浏览器对象模型+文档对象模型

    JavaScript与Html的结合方式

    三种:
    • 代码写在字符串中
    • 内嵌调用函数
    • 外部调用js
    三种结合方式
    代码示例:
    <html>
    <head>
        <title>01练习js</title>
        <script type="text/javascript">
            /**
                三种引用方式(与css类似):
                    1,事件调用在代码里
                    2,使用调用函数,位置可以是任意位置
                    3,外部js文件
            **/
            function fun(){
                alert("你好,今天");
            }
            
        </script>
    </head>
    <body>
    <button onclick="fun()">点击</button>
    <button onclick="alert('永远相信美好的事情即将发生')">fun2点击</button>
    </body>
    </html>
    

    外部引用js文件写法和内部调用函数写法类似

    运行结果:
    内嵌01 直接引用02 外部引用03

    基本语法

    定义变量:

    采用var关键字来定义.定义的变量的类型是由给定的值来决定的。

    数据类型:

    undifined,表示未定义类型。
    Number类型。代表了一切数字类型
    String类型。字符串类型
    Boolean类型。布尔类型
    Function类型。函数类型
    Null类型。
    object :对象类型.

    判断变量的类型 :
    1. 采用typeof函数判断 :typeof(a) == "string"
    2. 采用instanceof运算符: a instanceof String
    三大结构

    a.顺序结构
    b.选择结构
    c.循环结构 for,while,do...while

    运算符

    1.一元运算符 +(正号) - ++ --
    2.二元运算符 +(加法) - * / %
    3.三元运算符 ? :
    4.等号 == 判断的是内容,=== 全等于 ,判断类型和内容

    类型的转换
    1. Number转String : 3 + ""
    2. Number转Boolean :在javascript中,非0为真,0为假。如果变量为null或者undefined,也为假.
    3. String转Number:
      a. parseInt,parseFloat
      b. 乘以1即可

    基本语法基本了解这么就久好了,如果项目中遇到特殊的可以在自行Google。后面会说一些函数以及常用对象的使用。

    相关文章

      网友评论

        本文标题:web前端——javascript

        本文链接:https://www.haomeiwen.com/subject/zociittx.html