zoukankan      html  css  js  c++  java
  • JavaScript简介

    JavaScript

      JavaScript 是一种轻量级的编程语言,是可插入 HTML 页面的编程代码,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

    1、HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

    JavaScript代码存在形式

    <!-- 方式一 -->
    <script type="text/javascript" src="JS文件"></script>
     
    <!-- 方式二 -->
    <script type="text/javascript">
        Js代码
    </script>

    2、脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。(推荐放在body代码块底部)

      由于Html代码是从上到下执行,如果Head中的js代码耗时严重,就会导致用户长时间无法看到页面,如果放置在body代码块底部,那么即使js代码耗时严重,也不会影响用户看到页面效果,只是js实现特效慢而已。

    3、变量

    JavaScript中变量的声明是一个非常容易出错的点,局部变量必须一个 var 开头,如果未使用var,则默认表示声明的是全局变量

    var name = "zhangsan"  # 局部变量
    nam = "lisi"           # 全局变量

    4、注释

    单行注释以 // 开头,多行注释以 /* 开始,以 */ 结尾

    5、基本数据类型

      数字(Number)

    #定义
    var page = 66;
    var age = Number(66);
    var a1 = 1,a2 = 2, a3 = 3;
    #转换
    parseInt("1.2");
    parseFloat("1.2");

      字符串(String)

    #定义
    var name = "zhangsan";
    var name = String("lisi");
    #转换
    var age_str = String(18);
    #常用方法:
        name.trim()    #去空格
        name.charAt(index)    #根据索引获取字符
        name.substring(start,end)    #切片
        name.indexOf(char)    #获取字符对应的索引位置
        name.length    #长度
        name.match("") #查找字符串中特定的字符,找到的话,则返回这个字符

      布尔(Boolean)

    #布尔(逻辑)只能有两个值:true 或 false。
    var x=true
    var y=false

      数组(Array)

    #创建
    var names=new Array();
    cars[0]="aa";
    cars[1]="bb";
    cars[2]="cc";
    #
    var names = ['aa', 'bb', 'cc']
    #
    var names =new Array('aa', 'bb', 'cc')
    #常用方法:
    #添加
        names.push("dd")                   #最后插入
        names.unshift("dd")                #最前插入
        names.splice(index,0,'dd')       #指定索引插入
    #移除
        names.pop()                         #数组尾部移除并获取
        names.shift()                        #数组头部移除并获取
        names.splice(index,count)    #数组指定索引往后count个字符
    #切片
        names.slice(start,end)          
    #合并
        newArray = obj1.concat(obj2)  
    #翻转
        names.reverse()    
    #字符串化
        names.join('_')
    #长度
        obj.length

      对象(同字典)

    #创建
    var dic= {"name":"zhangsan" , 'age': 18}
    #获取
    dic.name;
    dic["age"];

      undefined 和null

        undefined 这个值表示变量不含有值。 可以通过将变量的值设置为 null 来清空变量。

    6、序列化和反序列化

    var dic={name: "zhangsan", age: 18}
    #序列化
    s=JSON.stringify(dic)
           
    #反序列化
    s1=JSON.parse(s)

    7、循环

      for循环

    var names= ["aa", "bb", "cc"];
     
    #数组:方式一
    for(var obj in names){
        console.log(obj );    #obj只会取到索引
        console.log(names[obj ]);    #根据索引取值
    } 
    
    #数组:方式二
    for(var i=0;i<names.length;i++){
        console.log(i); 
        console.log(names[i]);    #根据索引取值
    }
    #字典
    var dic={name: "zhangsan", age: 18}
    
    for(var index in dic){
        console.log(index);    #key
        console.log(names[index]);    #value
    }

      while循环

    while (条件)
      {
      需要执行的代码
      }
    
    #do/while 循环
    #    该循环会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环。
    
    do
      {
      需要执行的代码
      }
    while (条件);

    8、条件语句

    #if条件语句
     
       if(条件){
             #代码
        }else if(条件){
             #代码
        }else{
             #代码
        }    
    #switch,case语句
        switch(name){
            case 'zhangsan':
                age = 18;
                break;
            case 'lisi':
                age = 19;
                break;
            default :
                age = 20;
        }

    9、异常处理

    try{
      #在这里运行代码
      }
    catch(err){
      #在这里处理错误
      }
    finally{
      #最后执行  
    }

    10、函数

    #函数的声明
        function func(arg){
            return arg;
        }
        name=func("zhangsan")#执行
        console.log(name)
    
    #匿名函数
        var func = function(arg){
            return arg;
        }
        func()
    
     
    #自执行函数
        (function(arg){
            console.log(arg);
        })('123')    

    11、面向对象

    function Foo (name,age) {
        this.Name = name;
        this.Age = age;
        this.Func = function(arg){
            return this.Name + arg;
        }
    }
     
    var obj = new Foo('zhangsan', 18);   #创建对象
    
    var ret = obj.Func("aaa");
    console.log(ret);
    console.log(obj.Name );
    console.log(obj.Age );
  • 相关阅读:
    echarts数据可视化之简单使用范例,
    配置用户/系统环境变量的意义与方法
    关于百度echarts数据可视化js插件基本使用样例
    python 博客引用
    泛型
    Java 关键字
    java基本知识点5
    Java 序列化
    java知识点4
    前端知识点总结1
  • 原文地址:https://www.cnblogs.com/melonjiang/p/5389268.html
Copyright © 2011-2022 走看看