美文网首页
javascript基础了解

javascript基础了解

作者: Single_0d63 | 来源:发表于2018-08-02 18:31 被阅读0次

    导入

    引入:

    引入JS文件是 需要引入在body的最下面  就是确保所有的文件都创建了

    如果想在head中引入JS 就要让文档中的内容都加在完毕再执行JS

    用:window.onload = function(){}监听window加载完毕的状态

    1. 基础语法

    2.dom操作(必须掌握  最基本的每天都使用)

    3. 日期对象,字符串处理,数组处理 正则

    4. bom,(面向对象,闭包,命名空间)很重要

    5. 封装(封装UI,工具类插件   很重要)


    基础语法:

    版本:es5(ecma scripet5)    es6(ecma scripet6)   

    微软的:Type Script:es借鉴了微软的Ts    游戏引擎和大型框架建议使用Ts

    es5操作

    1.可以不使用var 关键字去定义

        var:用于定义变量

    2.不需要设置变量的类型   

    定义变量的公式

    (在写项目的时候 忘记声明变量 忘记给变量赋值  ->直接使用->会报undefind的错误)

    js中语句结束的分号可以加也可以不加

    1 声明变量   var变量名;(一条语句)(初学建议加上var声明变量)

               这样声明的变量值是空的(null) 很重要

               声明方式:var 变量名;

    2 给变量赋值(前面已经声明过了)

               例如:(蹦 = 100;蹦就是变量  =就是赋值的符号  100是值 变量名尽量不要写中文)

                           //调试方法 ->alert ->弹出框   alert(钢镚)

    3 声明变量的同时赋值  

    var  变量名 = 赋值

    4.调试代码:

          alert(变量名)(会以弹出框的形式弹出变量的值)

    console./log()(在控制台输出变量)

    可以知道在index.html文件中出错   在第20行   点击进入出多的位置   具体的错误原因  dongji的变量没有定义

    创建变量时需要注意的:

          只声明不创建的时候->可以多个变量一起去声明->每个变量之间“,”隔开:

          Var xiaoming,xiaohong,xiaoli;

    创建多次变量  多占用电脑内存 只创建一次电脑内存  重复使用  建议这么写

    数据的基本类型

    1.string字符串类型:

             var xiaomao = "xiaomao";

             xiaomao = '小毛'

                    使用""或者''括起来的内容叫做字符串   (注意区分变量名和字符串)

    可以使用加号(+)拼接字符串:console.log(xiaomao(这是一个变量的名)+”是好人!”(这是一个字符串))输出结果是小毛是好人

    2.number数值型(数字类型):

                var num = 20;(注意区分数字和字符串)

                数字使用加号+实在做加法运算

                数字加+字符串实在拼接字符串

    boolean布尔类型的

             Var a = true    var b = fales

    值为true和fales的就是布尔类型


    运算符


    加减乘除等运算方式

    Var a = 30    var b =5

    Var c = a % / + - * b

    Console.log(c)

    prompt可以弹出窗口输入文本内容

    parseInt()可以吧字符串转换成整数 忽略小数部分

    parseFloat()可以吧字符串转换成小数

    自增自减     在前       先赋值后运算

    自增自减     在后       先运算后赋值

    例如:

    a = 30;

    b = 20;

    c = a++ + ++b

    那么c的结果为51

    复合运算符

    A +=5   =   a = a + 5

    相关文章

      网友评论

          本文标题:javascript基础了解

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